为什么jQuery忽略了我的div的内容？

Question

我有一个简单的切换连接到chekbox的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(){});中并添加一个半冒号

$(document).ready(function(){

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

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

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

});

});