我有一张桌子。当我单击一个单元格时,它会在其下方创建显示下一级详细信息的行,并使用该类的.click()事件侦听器。它通过.getJSON()调用来完成此操作,然后我用它来填充后面的行。我在每个新的(子细节)行中添加了以下.newtable
类。在我的页面底部,我有以下内容,因此如果您单击页面上的任何位置,它将关闭这些子详细信息行:
$('html').click(function(){
$('.newtable').remove();
});
但是,如果用户点击其中一个新打开的单元格,我不希望它关闭子细节,所以我尝试了以下两种情况但没有用...是b / c页面加载后会添加哪些行?
$('.newtable td').click(function(e){
e.stopPropagation();
});
和
$(document).ready(function(){
$("table .newtable").on("click","td",function(e){
e.stopPropagation();
});
});
非常感谢任何帮助!
答案 0 :(得分:0)
我认为如果没有您正在尝试的其他两个代码段,这应该对您有用。
$('html').click(function(event){
if($(event.target).hasClass('newtable') || $(event.target).parents('tr').first().hasClass('newtable')){
return;
} else {
$('.newtable').remove();
}
});