首先,我使用 innerHTML 动态地将一个表格写入 div 中,然后我尝试在用户悬停在表格单元格上时运行 jQuery 函数。jQuery 函数能够在 HTML 中存在的表格上运行,但一旦我使用新表格覆盖了 innerHTML,jQuery 就不再在悬停时运行该函数。
<div id="replaceThis">
<table id="myTable">
<tr><td class="myCell">Help</td></tr>
</table>
</div>
然后我使用 .on('mouseenter') 来运行一个函数
$('#myTable tr td.myCell').on('mouseenter',function(){alert('omg help'); }
这一切都很好,直到我用一张新的更大的表格替换了div的innerHTML,这个表格是通过遍历一些数据创建的。即使id和class相同,jQuery也不会在鼠标进入时触发函数。