单击另一个 img/button 后删除 onclick 效果答案

【问题标题】：Remove onclick effect after clicking on another img/button单击另一个 img/button 后删除 onclick 效果
【发布时间】：2013-04-12 02:00:50
【问题描述】：

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

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

您可以在此处查看该页面： http://goo.gl/S1oVS

【问题讨论】：

简单地使用 unbind like if(...something..){ $("whatever your selector").unbind('click') }

标签： javascript onclick

【解决方案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');
});

【讨论】：