jquery-ui datepicker插件在页面第二次点击时无效的问题

页面结构是这样的:

一个大的main父页面中嵌有子页面,点击菜单切换时,main页面不变,子页面切换。

a、b两个子页面中都有datepicker控件。

问题现象:

页面初始化后,在第一个子页面中初始化datepicker,正常。点击菜单切换子页面,其后的所有datepicker均不正常。

问题原因及解决:

在首次初始化datepicker后,会动态的生成一个

的标签(猜测应该是生成在了main页面中),因此在第二次初始化datepicker时,因为该div的存在,datepicker就不能正常初始化了。

解决办法很简单

if($('#ui-datepicker-div')){
        $('#ui-datepicker-div').remove();
    }
初始化datepicker前,判断一下该标签是否存在,存在的话,删除即可。

你可能感兴趣的:(jquery-ui datepicker插件在页面第二次点击时无效的问题)