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(); }); 

这将作为你只要把他们下$(document).ready(function() {});

Answer 2

为什么不直接结合螺栓富，扎入该函数作为

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

..

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

或者你可以实现foo（）作为回调函数。