jquery - 如何在 JQuery 中为具有多个项目的选择器使事件处理程序仅触发一次？

Question

我有以下 JQUERY 代码。

<script type="text/javascript">
    $(".voteup").click(function(){
        alert($(this).parents(".webresource").attr("id"));
    });
</script>

该页面有 4 个带有类名 voteup 的元素。但是当我点击其中之一时，警报会显示四次。我认为只有一次单击，因此事件处理函数只会执行一次。

我该如何确保事件处理函数只执行一次。

Answer 1

.one()绑定(bind)一个事件处理程序并在第一次执行时取消绑定(bind)它。

$('.upvote').one('click', function() {
   ...
});

另外，我会确保它不会像安德在评论中建议的那样被多次绑定(bind)。