爲什麼在jQuery/bootstrap中有兩種不同的語法？

Question

我發現這兩個不同的事件，這兩個例子：

$('.datepickerSelect').datepicker().on('changeDate', myFunction); 
$(".datepickerSelect").datepicker('option' , 'onSelect', myFunction); 

也是他們互換像這樣？

$('.datepickerSelect').datepicker().on('onSelect', myFunction ); 
$(".datepickerSelect").datepicker('option' , 'changeDate', myFunction); 

Answer 1

這是將事件偵聽器附加到元素的語法。它是在所有的地方jQuery的二手

$('.datepickerSelect').datepicker().on('changeDate', myFunction); 

的好處是，你可以添加多個處理程序：

$('.datepickerSelect').datepicker().on('changeDate', otherFunction); 
$('.datepickerSelect').datepicker().on('changeDate', yetAnotherFunction); 

另一種語法是：

$('.datepickerSelect').datepicker({'changeDate', myFunction }); 

此語法意味着你提供作爲配置對象的一部分，將dateDicker初始化期間的changeDate處理程序。您只能以這種方式附加一個處理程序。

它相當於這樣

$('.datepickerSelect').datepicker('option','changeDate', myFunction); 

此語法意味着你忘了日期選擇器的初始化過程中配置對象添加CHANGEDATE處理程序，所以你現在加入它（或者你可能要替換現有的處理程序初始化期間添加）。