javascript - 禁用和启用图像上的单击事件...jquery

Question

使用 jquery 启用然后重新启用图像点击的最佳方法是什么？

我可以很容易地禁用点击事件

$(document).on("click", "#rightPager", function () {

if (condition) {
    $(this).click(false);
  }
});

我将如何根据特定条件再次“启用”点击事件？

例如，我想再次启用该按钮

$(document).on("click", "#leftPager", function () {
$("#rightPager").click(true);

});

Answer 1

为了重新绑定(bind)，您需要再次使用原始的 .on("click") 事件。

编写一个函数将事件绑定(bind)到您的图像:

function bindImage() {
  $(img).on("click", function() {
   // Your bind event goes here
  });
}

然后编写一个条件，如果条件返回 true，则取消绑定(bind)图像上的事件；如果条件返回 false，则像平常一样将事件重新绑定(bind)到图像。

if (condition) {
  $(img).unbind();
} else {
  bindImage();
}

或者，您可以在单个函数中完成此操作，例如:

$(document).on("click", "#rightPager", function () {
  if (condition) {
    // terminate the function
    return false;
  } else {
    // put your function here to run as normal
  }
});