在我的情況下，無法盲目的點擊無法刪除點擊事件

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')
});