jQuery Datepicker 间歇性地不显示在 Safari 中
我正在使用 Safari 5.0.5、jQuery UI 1.8.14、jQuery 1.5.2。我也尝试过使用 jQUI 1.8.9，
我正在 Safari (Windows7) 中加载内联日期选择器，并且间歇性地不显示日期选择器。我使用 Safari 开发工具看到 div 的高度为 0px。对我来说，这种情况只发生在 Safari 中。我在 iPad2 上也看到了同样的问题，所以这不是特定于机器的问题。
我已将包含的 div 高度强制设置为特定高度，但其中不包含任何内容。我正在从 Google (ajax.googleapis.com) 加载 jquery 库
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="screen" />
[编辑] 这是一个演示： http://www.toughtomato.com/datepicker_test.php
您将需要在 Safari 中重新加载几次，然后就不会出现了。看起来像是 jQuery 的一个错误。这个演示使用的是 jQuery 1.6.2 和 UI 1.8.14
有没有人经历过这个？有什么解决办法吗？
谢谢
I'm using Safari 5.0.5, jQuery UI 1.8.14, jQuery 1.5.2. I have also tried with jQUI 1.8.9
I'm loading the the datepicker inline in Safari (Windows7) and intermittently the datepicker does not show. I used the Safari dev tools to see that the div has a height of 0px. This happens only in Safari for me. I can also see the same issue on my iPad2, so it's not machine specific.
I've forced the containing div height to a specific height, but nothing is contained within. I'm loading the jquery libraries from Google (ajax.googleapis.com)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="screen" />
[EDIT]
Here is a demo: http://www.toughtomato.com/datepicker_test.php
You will need to reload it a few times in Safari and then it will not appear. Seems like a bug with jQuery. This demo is using jQuery 1.6.2 and UI 1.8.14
Has anyone experienced this before? Any solutions?
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
浪费了那么多时间后我发现了问题！ CSS 需要在 header 中的 JS 之前声明。愚蠢的野生动物园！
After all that time wasted I found the problem! The CSS needed to be declared before the JS in the header. Stupid Safari!
试试这个：在您的 html 中，为日期选择器添加以下行
style="高度：??px！重要在哪里 ？？是所需的高度。或者，您可以在自己的 CSS 样式表中定义高度。尝试看看这是否有效。
希望这有帮助！
NS
Try this: in your html, add the following line for the datepicker
style="height: ??px !importantwhere ?? is the desired height. Alternatively, you can define the height in your own css stylesheet. Try to see if this works.
Hope this helps!
N.S.