jQuery的形式.hide（）不工作

-1

<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(); 
}

如果條件DISTANCIA是不遇到的代碼按預期工作。

如果滿足條件，則會顯示兩種表單。

在formRegistroMarcaAtletaDistancia始終顯示所得，並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總是顯示和formRegistroMarcaAtletaDistancia當它應該是隻顯示。

編輯：萬一全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>

來源

2016-08-10 user2020618

能否請您確認，如果您有在你的頁面，這些'id'只有一個元素？ –

對我來說，它的工作很好，看到這個小提琴https://jsfiddle.net/n6p71zhx/ –

我在輸入，我固定的重複ID。但表單的ID是唯一的。問題依然存在。 – user2020618

你已經安排好了如下形式，基本形式不應該按照XHTML驗證進行嵌套。一旦你解決這個問題，你的問題將被排序在您發佈的小提琴。

希望這有助於

<form id="formRegistroMarcaAtleta"> 
.. 
<form id="formRegistroMarcaAtletaTiempo"></form> 
... 
<form id="formRegistroMarcaAtletaDistancia"></form> 
</form>

來源

2016-08-10 14:12:58 GauravKP

這樣做。謝謝！ – user2020618

-1

請確保您有正確的jQuery的參考。現在它爲我工作。

來源

2016-08-10 13:25:36

這不是一個答案，這應該是對原始問題的評論。請在這裏刪除它。如果您的信譽不夠，請不要繞過系統提供答案而不是評論。 – eisbehr

我正在從該文件調用許多其他功能，因此該參考正在工作。 – user2020618

請參閱https://jsfiddle.net/hy7bt8bq/。此外，請確保您已添加的jquery文件中沒有衝突。 –

jQuery的形式.hide（）不工作

回答

相關問題