在我的情况下，无法盲目的点击无法删除点击事件

Question

我想停止触发点击事件，但在我的情况下不起作用。

html

<div class="owl-controls clickable"><div class="owl-buttons"><div class="owl-prev disabled"><i class="navigator fa fa-caret-left"></i></div><span class="pagi">1/2</span><div class="owl-next"><i class="navigator fa fa-caret-right"></i></div></div></div>

myjs

$(".fa-caret-right").click(function(){
    $(".pagi").text("2\/2");
    $(this).unbind("click");
});

我尝试了return false它也不会停止，可能是因为owl-carosel触发了click事件。

Answer 1

如果您只希望单击它一次，则选择.one ，如下所示：-

$(".fa-caret-right").one("click", function(){
    $(".pagi").text("2\/2");

});

说明 ：

将处理程序附加到元素的事件。 每个事件类型的每个元素最多只能执行一次处理程序。

Answer 2

您也可以在点击关闭点击事件后使用它

提斯

$('.fa-caret-right').on('click', function() {
   $(".pagi").text("2\/2");
   $(this).off('click')
});