重复执行jquery语句
重复执行jquery语句
提问于 2014-03-15 19:09:32
下面提到的是jquery代码，其中'box1‘是div id，'colors’是模态对话框中的一个类。但是，这会导致意外的行为:当我第一次单击“.colors”时，会出现一个警告框，但在下一次单击它时，会出现两个警告框(一个接一个)。也就是说，第九次点击将导致一个又一个的'n‘警报框！
请解释类似的行为和可能的解决方案。
$('#box1').click( function() {
window.location.href='#openModal';
$('.colors').click( function() {
alert('xyz');
});
});回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-15 19:12:45
您将在每次单击click时将一个新的#box事件分配给.colors。你需要利用.one()
$('#box1').one('click',function() {
window.location.href='#openModal';
$('.colors').on('click',function() {
alert('xyz');
});
});这将只为.colors分配一次.colors处理程序。如果您希望能够多次单击#box1，则需要将您的作业与.off()组合起来。
$('#box1').on('click',function() {
window.location.href='#openModal';
$('.colors').off('click').on('click',function() {
alert('xyz');
});
});这将允许多次单击#box1，只有一个click处理程序用于.colors，因为每次它取消分配和重新分配它。不过，我不建议这样做，因为DOM需要做很多额外的工作。
Stack Overflow用户
发布于 2014-03-15 19:17:16
是的，每次单击.colors类时都要重新绑定#box类。您可以通过重新绑定之前的单击事件解除绑定来修复它。就像这样：
$('#box1').click( function() {
window.location.href='#openModal';
$('.colors').off('click').on('click', function() {
alert('xyz');
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22428436
复制相关文章
相似问题
腾讯云开发者
