如何在滚动时保持jquery ui datepicker到位(坚持输入控件)？

我不确定你的那个是否是一个可滚动的div,但是这里出现的问题是jQuery UI日期选择器在可滚动div内部时不随HTML内容移动.

这是一个演示http://jsfiddle.net/joycse06/m6A5q/embedded/result/演示问题的小提琴.单击输入并尝试滚动该div.

这是因为jQuery UI创建日历UI作为相对于文档或窗口的绝对位置而不是容器可滚动div.因此,当滚动可滚动div时,主窗口的滚动上下文不会更改,因此datepicker日历不会跟随该div中的其他html元素.

因此,解决方案可以是在滚动div时隐藏日历,这是有意义的,如果输入不可见,则可以隐藏日期选择器日历.所以更新的代码将是

var datePicker = $('#datepicker').datepicker();

$(".demo").scroll(function() {
  datePicker.datepicker('hide');
  $('#datepicker').blur();
});

$(window).resize(function() {
  datePicker.datepicker('hide');
  $('#datepicker').blur();
});

当滚动容器div或窗口时,它将隐藏日期选择器.这是一个工作小提琴http://jsfiddle.net/joycse06/m6A5q/2/

我正在使用$(‘#datepicker’).blur();因为当用户滚动.demo日历隐藏但输入仍然是焦点时,所以当他向后滚动时他可能会感到困惑.因此,当我模糊它时,他将不得不再次点击输入并显示日期选择器.

@H_489_9@ @H_489_9@

大佬总结

以上是大佬教程为你收集整理的如何在滚动时保持jquery ui datepicker到位(坚持输入控件)？全部内容，希望文章能够帮你解决如何在滚动时保持jquery ui datepicker到位(坚持输入控件)？所遇到的程序开发问题。

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

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