我创建了一个可点击的表格，但是当我添加 setInterval 每隔 1000 次重新加载该表格时，点击事件将停止工作。这是代码:
JQuery 和 Javascript 部分:
<head>
<script type="text/javascript">
//Set the timer
var myTimer = setInterval(function(){showTableContent(),1000});
//Add click
$(document).ready(function () {
var idForTableRowInfor = "#" + $("div div div table").attr('id');
$(idForTableRowInfor).click(function () {
alert('row was clicked');
});
})
//Function of showTableContent()
function showTableContent()
{
var body = plugin().USBInforArray; //Call FireBreath plugin
document.getElementById('tableInfor').innerHTML = body;
}
</script>
</head>
HTML 部分:
...
<div id="wrapper">
<div class="mainContent">
<div id="USBDetectingTable" align="center">
<table id="tableInfor" border="1">
</table>
</div> ...
当我摆脱 setInterval 时，一切正常，但只要我添加到该函数中，它就会停止调用单击事件。谢谢!!!
最佳答案
单击不再起作用，因为您要删除行并且不再附加单击。
了解.on( events [, selector ] [, data ], handler(eventObject) )的力量
$("#tableInfor").on("click", idForTableRowInfor, function () {
alert('row was clicked');
});
关于Javascript:将 JQuery click 与 setInterval 结合使用时不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17550980/