jQueryがdivの内容を無視するのはなぜですか？

Question

私はチックボックスに接続されたdivの簡単な切り替えを持っています。

$('#step2').hide(); 

$('#toggle-check').click(function(){ 

$('#step2').fadeToggle(); 

}) 

なぜ.hide（）; ＃step2の内容を選択しますか？これは現在、テーブルデータのリストであり、それを隠すわけではありません。早く私のdivを終了し、それは動作します。

<tr> 
<th></th> 
<td></td> 
</tr> 

それは現在、すべて私のテーブルデータの上に私の＃のSTEP2のdiv要素を追加していますので、私はそれはCSSスタイリングの問題かもしれないと感じ？

Answer 1

div＃step2をテーブル行の周りにラップすると、適切なマークアップではないため、動作しません。テーブル全体を囲む必要があります。 テーブルの一部を保持する場合は、テーブルの構造を変更する必要があります。

Answer 2

ドキュメントの準備ができているときにコードが実行されていない可能性があります。つまり、ページが非常に短い場合に実行される可能性がありますが、テーブル全体がまだ解析されていない場合は実行されません。

はこれを試してみてください：

$(document).ready(
{ 
    $('#step2').hide(); 

    $('#toggle-check').click(function() 
    { 
     $('#step2').fadeToggle(); 
    }) 
}); 

Answer 3

ご質問に応じて、私は多くを言う傾けます。

ともあなたはセミコロンは

$('#toggle-check').click(function(){ 

$('#step2').fadeToggle(); 

}) 

が$(document).ready(function(){});内のコードをラップし、 `＃のstep2`であり、それは何が含まれていないセミコロン

$(document).ready(function(){ 

$('#step2').hide(); 

$('#toggle-check').click(function(){ 

$('#step2').fadeToggle(); 

}); 

});