1. 程式人生 > >jquery-ui datepicker外掛在頁面第二次點選時無效的問題

jquery-ui datepicker外掛在頁面第二次點選時無效的問題

頁面結構是這樣的:

一個大的main父頁面中嵌有子頁面,點選選單切換時,main頁面不變,子頁面切換。

a、b兩個子頁面中都有datepicker控制元件。

問題現象:

頁面初始化後,在第一個子頁面中初始化datepicker,正常。點選選單切換子頁面,其後的所有datepicker均不正常。

問題原因及解決:

在首次初始化datepicker後,會動態的生成一個<div id="ui-datepicker-div" >的標籤(猜測應該是生成在了main頁面中),因此在第二次初始化datepicker時,因為該div的存在,datepicker就不能正常初始化了。

解決辦法很簡單

if($('#ui-datepicker-div')){
        $('#ui-datepicker-div').remove();
    }
初始化datepicker前,判斷一下該標籤是否存在,存在的話,刪除即可。