jQuery 绑定点击

Question

我有以下情况：

在 html 页面中，我有一个动态生成的按钮，类似于：

<div id='myButton'></div>

此 html 页面包含一个脚本（例如 A.js），它处理网站的大部分功能，在此脚本中按钮被绑定到一个处理程序：

$("#myButton").bind("click", function(){
foo();
});

到目前为止很简单。现在，仅在特定情况下，我需要相同的按钮来执行第二个功能。这必须通过另一个脚本来完成，该脚本动态生成并注入到 html 站点内。因此，html 看起来与此类似：

<script type=text/javascript src=A.js></script>
<script type=text/javascript>
//Dynamically generated script
</script>

我不想覆盖以前的函数，我仍然需要执行该函数，但我也需要在第一个函数之前执行该函数。并且脚本包含在网站上的方式无法更改。

所以，我写了以下内容（在第二个脚本标签内）：

    $("#myButton").bind("click",
     function(){
          bar(); // I still want foo() to be executed but after this is executed first. 
});

是否可以做这样的事情？请注意，我无法控制脚本如何包含在我的网站上。改变该顺序是不可能的。

Answer 1

您仍然可以对同一事件有更多绑定

http://jsbin.com/iyewu5/edit

他们将按照第一个的顺序被解雇代码

，这样你就可以拥有：

$("#myButton").bind("click", function() { foo(); });

并且在其他脚本中，

$("#myButton").bind("click", function() { bar(); });

它就会起作用

$("#myButton").bind("click", function() { foo(); bar(); });

只要将它们放在 $(document).ready( function() {}); 下，

Answer 2

为什么不将 Bolt foo,bar 组合到该函数中..

$("#myButton").bind("click", function(){
 bar();
 foo();
});

或者您可以将 foo() 实现为回调函数。