为什么jQuery会忽略我的div的内容?

为什么jQuery会忽略我的div的内容?,jquery,css,toggle,Jquery,Css,Toggle,我有一个简单的切换一个div连接到一个chekbox $('#step2').hide(); $('#toggle-check').click(function(){ $('#step2').fadeToggle(); }) 为什么不呢。隐藏();选择#步骤2的我的内容?它当前是一个表数据列表,并没有隐藏它。我会早点结束我的div,它会起作用的 <tr> <th></th> <td></td> </tr> 它

我有一个简单的切换一个div连接到一个chekbox

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

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

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

})
为什么不呢。隐藏();选择#步骤2的我的内容?它当前是一个表数据列表,并没有隐藏它。我会早点结束我的div,它会起作用的

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


它目前正在将我的#step2 div添加到我所有的表数据之上,所以我觉得这可能是一个CSS样式问题

如果将div#step2包装在表行中,它将不起作用,因为它不是正确的标记。你应该把它包在整张桌子上。
如果希望保留表的某些部分,则应采用不同的结构。

这可能是因为文档准备就绪时没有执行代码。这意味着,如果页面非常短,它可能会执行,但如果尚未解析整个表,则不会执行

试试这个:

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

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

根据你的问题,我不能说太多

你还漏掉了一个分号

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

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

})
尝试将代码包装在
$(document).ready(function(){})中并添加分号

$(document).ready(function(){

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

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

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

});

});

#步骤2
在哪里?它包含什么?你能发布代码的相关部分吗?#步骤2围绕着我给出的上表结构。为每一行指定一个hide类并在jquery中调用它是可行的,但它很混乱,不是吗?在您给定的标记周围是否也有
元素(在
div
中)?如果不是,那就是无效的。好吧,我不知道jQuery。谢谢:)这不是关于jQuery,而是关于HTML。如果HTML无效,您不知道浏览器将如何尝试修复它,然后jQuery也不知道该怎么做,因为所有标记都已更改。