继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jqueryui datepicker失效

喵喵一只汪
关注TA
已关注
手记 315
粉丝 86
获赞 467

    实现编辑用户信息功能时使用了jqueryui的datepicker,但是只有第一次在列表中选中用户才能触发弹出框。

datepicker会在方法初始化时在页面尾部附加一个

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>

点击input后修改其样式并在内容里附加弹出框代码。

    因为项目中使用的方法是将编辑页面的html内容附加到父页面的一个div中,选择其他对象时第一次调用datepicker后产生的div也被附加了进去。

在js代码的$(obj).datepicker()前加一句

$("#ui-datepicker-div").remove();


具体原因没有详细查过,大概跟datepicker控件的初始化代码有关。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP