調用多種功能與非侵入式JavaScript

Question

我有一個輸入元素

<select id="test"></select> 

上的變化我想打電話給多種功能

$('#test').change(function1, function2); 

現在函數只是提醒現在

var function1 = function(){alert('a');}; 
var function2 = function(){alert('b');}; 

只調用第二個函數。我知道這是因爲警報和制動點。我知道一個方法來糾正這將是從另一個函數調用function1和function2，但我想避免這種情況。

Answer 1

我不喜歡使用匿名函數，所以我會創建一個新的功能，並把它裏面的所有工作。

$('#test').change(onSelectChange); 

var onSelectChange = function() { 
    function1(); 
    function2(); 
} 

Answer 2

你可以做到這一點 -

$('#test').change(function1); 
$('#test').change(function2); 

Answer 3

你可以這樣說：

$('#test').change(function(){function1(); function2();}); 

Answer 4

爲什麼不嘗試這樣的：

$('#test').change(function(){ 
    function1(); 
    function2(); 
}; 

Answer 5

你總是可以把它們連：

$('#test').change(function1).change(function2); 

DEMO： http://jsfiddle.net/dirtyd77/uPHk6/11/