Jquery UI Datepicker添加/刪除

Question

我想讓div顯示一個日期，當它被點擊時，放入一個日期選擇器和一個按鈕。當按鈕被點擊時，日期選擇器的值被放回到div中。

This fiddle基本上顯示了我想要的。但是，當一個div不再是活動div時，我想刪除標記爲活動狀態的類，並註釋掉最後一行。這樣做使datepicker從removed at all。

怎麼了？

Answer 1

問題是保存按鈕是.testdiv的子項，所以其上的點擊事件冒泡，重新觸發.testdiv點擊處理程序。發生什麼事是，保存按鈕和日期選擇器正在被刪除，然後立即重新添加。

這是通過將event.stopPropagation();添加到保存按鈕單擊處理程序來解決的。

你可以看到它在這裏的行動：http://jsfiddle.net/Ee6ku/1/

我添加了一個日誌語句來testdiv單擊處理程序，你可以看到，如果你註釋掉event.stopPropagation();線得到觸發。