Question

我正在使用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的bug。这个演示使用的是jQuery 1.6.2和UI 1.8.14

以前有没有人经历过这个？任何解决方案？

由于

Answer 1

在浪费了所有时间后，我发现了问题！需要在头文件中的JS之前声明CSS。愚蠢的野生动物园！

Answer 2

试试这个：在你的html中，为datepicker添加以下行 style="height: ??px !important
哪里??是所需的高度。或者，您可以在自己的css样式表中定义高度。试着看看这是否有效。

希望这有帮助！ N.S。

jQuery Datepicker间歇性地不在Safari中显示

2 个答案: