为什么jQuery会忽略我的div的内容?
我有一个简单的切换一个div连接到一个chekbox为什么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> 它
$('#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也不知道该怎么做,因为所有标记都已更改。