unblind click在我的情况下不起作用来删除click事件

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

我试过返回false它也不会停止，也许是因为owl-carosel点击了事件。

Answer 1

如果您希望它只能点击一次，请转到.one，如下所示： -

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

});

说明：

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

Answer 2

您也可以在点击关闭点击事件

后使用此功能

Js Fiddle

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