jQuery的日期選擇器多次選擇事件處理程序

Question

我想在jQuery的datePicker對象上處理相同的onSelect事件兩次。從我所瞭解的事件可以多次處理，但是當我嘗試這個事件處理程序時只有一個被解僱。它似乎擊倒了第二個處理程序，但不是第一個。我如何處理相同的onSelect事件兩次而不覆蓋第一個事件？這是問題代碼片段。

$(document).ready(function(){ 
    $('.test').datepicker(); 
    ... 
    $('.test').datepicker('option', 'onSelect', function(dateText, inst) { alert('one'); }); 
} 

... 

$(document).ready(function(){ 
    $('.test').datepicker('option', 'onSelect', function(dateText, inst) { alert('two'); }); 
} 

Answer 1

您使用的代碼只是將第一個onSelect處理程序替換爲第二個。如果你想做兩件事，那麼你需要首先獲得現有的onSelect處理程序，然後從你正在替換的處理程序中調用它。

$(function() { 
    $('.test').datepicker(); 
    $('.test').datepicker('option', 'onSelect', function(dateText,inst) { alert('one'); }); 
    var prevHandler = $('.test').datepicker('option','onSelect'); 
    $('.test').datepicker('option', 'onSelect', function(dateText,inst) { prevHandler(dateText,inst); alert('two'); }); 
});