javascript - 如何在触发另一个 click() 时清除 click()？

Question

我有一个关于 click() 的复杂问题。我有 4 个按钮，分别命名为功能 1、功能 2、方法 1 和方法 2。

<button id="function1"> Function 1</button>
<button id="function2">Function 2</button>
<button id="method1">Method 1</button>
<button id="method2">Method 2</button>

当单击函数 1 并单击方法 1 时，我必须触发这样的操作

 $("#function1").click(function(){
 $('#method1').click(function(){
 $('#section1').html('<img src="http://us.123rf.com/400wm/400/400/myvector/myvector1201/myvector120102079/12127940-  vector-illustration-of-single-isolated-airport-icon.jpg"/>');
  });
});

像这样，我有四种不同的组合，分别是函数 1 方法 1、函数 1 方法 2、函数 2 方法 1、函数 2 方法 2。

问题是当我用任何方法选择函数 1 时它都工作正常。当我在选择功能 1 后选择功能 2 时，它会更改两个值。

我想清除之前的 click() 并且更改必须仅针对所选组合发生。

我添加了一个 BIN

提前致谢

Answer 1

您正在寻找 unbind ，它会删除事件处理程序。 Updated Bin .