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前,判断一下该标签是否存在,存在的话,删除即可。
————————————————
版权声明:本文为CSDN博主「luckyxl029」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/luckyxl029/java/article/details/76576852

posted @ 2020-07-28 11:13  tianlong88  阅读(422)  评论(0编辑  收藏  举报