jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery UI datepicker在外部点击时不会隐藏大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站上发现了一个jQuery UI Datepicker的问题.

当我点击输入时,它会正确显示日期选择器.
然而,当我没有选择任何日期时,我只是点击元素外面,它不会隐藏datepicker,我所期望的.

当我按Esc时,它会消失,当我选择一天它消失,但当我点击外面,它停留在那里.

有没有人能够找到问题?

提前致谢 :)

链接http://bit.ly/SFeuzp

解决方法

你的datepickers有类hasDatepicker,所以尝试这样:
$(".hasDatepicker").blur(function(E) { $(this).datepicker("hide"); });

我99%积极,将工作!

和FYI,如果你想要它是动态的(适用于以后创建的输入),你可以使用.on

$(".hasDatepicker").on("blur",function(E) { $(this).datepicker("hide"); });

要回答您的@L_197_5@,以下可能不是最好的解决方案,但通过试用和错误(在您的网站上,使用控制台)它的工作原理!与我想到的替代方法相比,它相对较短.

$(document).click(function(E) { 
    var ele = $(e.toElement); 
    if (!ele.hasClass("hasDatepicker") && !ele.hasClass("ui-datepicker") && !ele.hasClass("ui-icon") && !$(elE).parent().parents(".ui-datepicker").length)
       $(".hasDatepicker").datepicker("hide"); 
});

一线

$(document).click(function(E) { var ele = $(e.toElement); if (!ele.hasClass("hasDatepicker") && !ele.hasClass("ui-datepicker") && !ele.hasClass("ui-icon") && !$(elE).parent().parents(".ui-datepicker").length) $(".hasDatepicker").datepicker("hide"); });

我遇到的问题是能够告诉跨度图标何时被点击,它真的不想合作,因此额外的有类检查

大佬总结

以上是大佬教程为你收集整理的jQuery UI datepicker在外部点击时不会隐藏全部内容,希望文章能够帮你解决jQuery UI datepicker在外部点击时不会隐藏所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。