在第一页加载时覆盖jQuery UI Datepicker div.
Ada*_*dam 30 css jquery-ui datepicker accordion
奇怪的是,这里:
日期选择器的一个实例显示了一个奇怪的地方作为的左上角单杆此页面.
我在页面上使用jQuery UI的Datepicker和Accordion.在用于UI的CSS中,对于Accordion来说,display:nonefor Datepicker似乎被覆盖display:block,至少根据Firebug(参见下面的img).
然后,一旦在"餐饮/活动室"选项卡中单击了Datepicker触发器(单击其中一个按钮以使用Datepicker显示div),display:none似乎就可以了.
这是坏div的样子:
这是Firebug面板:
alx*_*brd 43
我有同样的问题,虽然上面的一些解决方案工作,最简单的解决方法是将此添加到您的CSS:
#ui-datepicker-div {display: none;}
当它无法绑定到现有的不可见元素时,这基本上隐藏了重新对齐的datepicker元素.您隐藏它,但当您单击需要显示日期选择器的元素时,它将再次初始化.重新初始化后,带有id的datepicker元素 #ui-datepicker-div将具有正确的位置.
- 真正最简单的修复,似乎只发生在我身边的Chrome中. (2认同)
- 非常感谢你的解决方案.节省了很多时间. (2认同)
就我而言，我使用 JQuery 的会话“$(document).ready(function(){”。
由于我有一个在系统的所有页面中加载的 JavaScript 文件，因此我只在其上添加了以下行。
$('#ui-datepicker-div').css('display', 'none');
对我来说，这似乎是一个清晰而优雅的解决方案，因为我不必更改它的库。
最重要的是，它在所有浏览器上都能正常工作。:)