jQuery form .hide()不起作用
jQuery form .hide() not working
我的HTML中有两个表单
<form id="formRegistroMarcaAtletaDistancia">
<ul class="form">
<li> <label>Centimetros:</label><input class="ingresoDatos" name="cmAtl2" id="cmAtl2" type="number" min="0" required/></li>
</ul>
</form>
<form id="formRegistroMarcaAtletaTiempo">
<ul class="form">
<li> <label>Minutos:</label><input class="ingresoDatos" name="minutosNat" id="minutosNat" type="number" min="0" required/></li>
<li> <label>Segundos:</label><input class="ingresoDatos" name="segundosNat" id="segundosNat" type="number" min="0" required/></li>
</ul>
</form>
和这个if语句(条件按预期工作,已经测试)在外部文件中。
if(distancia) {
$("#formRegistroMarcaAtletaTiempo").hide();
$("#formRegistroMarcaAtletaDistancia").show();
} else {
$("#formRegistroMarcaAtletaDistancia").hide();
$("#formRegistroMarcaAtletaTiempo").show();
}
如果条件距离是而不是满足,代码按预期工作。
如果满足条件,则显示两种形式。
导致 formregistromarcaatletadistance 总是显示,而formRegistroMarcaAtletaTiempo只在应该显示的时候显示。
我试着改变表格的顺序,像这样
<form id="formRegistroMarcaAtletaTiempo">
<ul class="form">
<li> <label>Minutos:</label><input class="ingresoDatos" name="minutosNat" id="minutosNat" type="number" min="0" required/></li>
<li> <label>Segundos:</label><input class="ingresoDatos" name="segundosNat" id="segundosNat" type="number" min="0" required/></li>
</ul>
</form>
<form id="formRegistroMarcaAtletaDistancia">
<ul class="form">
<li> <label>Centimetros:</label><input class="ingresoDatos" name="cmAtl2" id="cmAtl2" type="number" min="0" required/></li>
</ul>
</form>
令我惊讶的是,现在formRegistroMarcaAtletaTiempo总是显示,而 formregistromarcaatletadistance 只在应该显示的时候显示。
编辑:整个div
<div id="subpagina5" class="contenedor">
<h1 class="encabezado">Registro de marca de un atleta en una disciplina</h1>
<form id="formRegistroMarcaAtleta">
<ul class="form">
<li> <label>Disciplina:</label>
<select id="listaDisciplinasRegistroMarcaAtleta" class="listaDatos"></select>
</li>
<li> <label>Atleta:</label>
<select id="listaAtletasRegistroMarcaAtleta" class="listaDatos"></select>
</li>
</ul>
<form id="formRegistroMarcaAtletaTiempo">
<ul class="form">
<li> <label>Minutos:</label><input class="ingresoDatos" name="minutosRMA" id="minutosRMA" type="number" min="0" required/></li>
<li> <label>Segundos:</label><input class="ingresoDatos" name="segundosRMA" id="segundosRMA" type="number" min="0" required/></li>
</ul>
</form>
<form id="formRegistroMarcaAtletaDistancia">
<ul class="form">
<li> <label>Centimetros:</label><input class="ingresoDatos" name="cmRMA" id="cmRMA" type="number" min="0" required/></li>
</ul>
</form>
<div class="btnContenedor">
<input type="submit" value="Aceptar" id="btnRegistroMarcaAtleta" class="btnSubmit" />
</div>
</form>
</div>
您已经按照如下方式安排了表单,根据XHTML验证,基本上表单不应该嵌套。一旦你解决了这个问题,你的问题将在你发布的小提琴中进行排序。
希望有帮助
<form id="formRegistroMarcaAtleta">
..
<form id="formRegistroMarcaAtletaTiempo"></form>
...
<form id="formRegistroMarcaAtletaDistancia"></form>
</form>
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- JQuery hide()在show()之后不起作用,反之亦然
- js函数堆栈传入变量,.hide()不起作用
- 实时 Angular js ng-hide 不起作用
- 我的.show()不起作用,但.hide起作用
- jQuery hide() 或 fadeOut() 不起作用
- jQuery .hide 方法在 td 上不起作用
- JQuery .hide() 在 FireFox 中不起作用
- jquery .show() 和 .hide() 不起作用
- hide() 和 show() 选择选项在 chrome 中不起作用
- Jquery show/hide 在我的服务器上不起作用
- show()hide()在firefox中不起作用,但在所有其他浏览器中都起作用
- 调用show/hide时引导模式不起作用
- jQuery hide/show 不起作用,不像 JS 函数
- Jquery .hide在这种情况下不起作用
- Opentip hide()不起作用
- Angular材质$mdDialog.hide()不起作用
- JQuery hide
似乎不起作用
- Jquery show hide在大屏幕上不能正常工作.而且在移动设备上完全不起作用
- jQuery show()和hide()不起作用