2011-07-22 43 views
2

私はSafari 5.0.5、jQuery UI 1.8.14、jQuery 1.5.2を使用しています。私もjQUIで試しました。1.8.9jQuery DatepickerがSafariで断続的に表示されない

私は、サンパリ(Windows7)でdatepickerをインラインに読み込んでいて、断続的にdatepickerが表示されません。私は、divの高さが0pxであることを確認するためにSafariの開発ツールを使用しました。これは私のためにSafariでのみ発生します。私はiPad2でも同じ問題を見ることができるので、マシン固有の問題ではありません。

私はdivの高さを特定の高さに強制しましたが、何も含まれていませんでした。私はGoogleからのjqueryのライブラリをロードする(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] はデモです:http://www.toughtomato.com/datepicker_test.php

あなたは、Safariでそれを数回をリロードする必要があります。それが表示されません。 jQueryのバグのようです。このデモではjQuery 1.6.2とUI 1.8.14を使用しています

これまで経験したことがありますか?どんな解決策ですか?

おかげ

答えて

1

すべての時間が無駄になった後、私は問題を見つけました! CSSはヘッダー内のJSの前に宣言する必要がありました。愚かなサファリ!

+0

どうすればいいのでしょうか?私のCSSは既にjavascriptインクルードの前に書かれていますが、サファリはまだ動作しませんので、どうすればいいですか? – Phoenix

+0

このコメントに気付いたら、pls replyだけをチェックしてください。 – Phoenix

+0

@PhoenixはあなたのヘッダーセクションにCSSを追加する前に –

0

これを試してください:あなたのhtmlで、日付ピッカー
style="height: ??px !important
ために以下の行を追加します?所望の高さである。あるいは、独自のcssスタイルシートで高さを定義することもできます。これが動作するかどうか確認してください。

希望すると便利です。 N.S.

+0

私はこれを試したことに言及しました。内部には何も表示されませんが、日付ピッカーを含むdivに要素があります。 – Martin

+0

これは、divの高さを特定の高さに強制することによってこれを意味するのかどうかはわかりませんでした。残念ですが、もっと助けてもらえません... –

関連する問題