我的 html 看起来像这样:
<div id="container">
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
</div>
然后在javascript中,我在文档就绪函数中设置了一个点击监听器:
$(document).ready(function(){
$('.sub').click(function (event) {
//do something
});
});
后来我动态添加了更多的 .class 元素,所以我的 html 看起来像:
<div id="container">
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
<div class="sub"></div>
</div>
我再次添加点击监听器:
function addListeners(){
$('.sub').click(function (event) {
//do something
});
}
现在前四个 .sub 元素附加了两个单击处理程序,并且在单击时会触发两次。有一个更好的方法吗?