javascript - 单击另一个 img/button 后删除 onclick 效果

Question

我正在我的客户网站上制作一个小图像区域，其中我在大图像下有一些按钮。单击底部按钮时，大图像会发生变化。现在我需要的是使所选按钮的效果。这意味着主动效果。我可以使用 onclick 功能做到这一点，但即使我点击其他按钮，它也会保持不变。

所以，基本上我需要的是如果你能告诉我一种方法，以便我可以在单击另一个图像/按钮时从图像/按钮 1 中删除 onclick 效果。

你可以在这里看到页面：http: //goo.gl/S1oVS

Answer 1

使用 $('.class-selector').off('click'); 在所有具有类“类选择器”（或您可能拥有的任何选择器）的元素上取消绑定单击事件。

您也可以在执行点击事件时执行此操作，如下所示：

$('.button').on('click', function() {
  // Do something here...

  // Disable on click for this particular button, instead of all buttons.
  $(this).off('click');
});