2011-07-12 22 views
0

http://jqueryui.com/demos/dialog/#animatedの例を使用してダイアログボックスを作成しました。問題は、スタイルなしで透明であることです。また、ボタンを再度クリックすると決して表示されません。どうしましたか?スタイルが適用されていないJQuery UIダイアログが表示されます

私はこのコードを使用してjQueryのを使用 -

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 
+0

関連するテーマが正しく読み込まれていますか? – Pike65

+0

私は考えていない、私はJqueryとUIへのGoogleのリンクを使用しました。 – Vonder

+0

は自動的にテーマを読み込まないはずですか? – Vonder

答えて

5

あなたはまた、jQueryのUIスタイルシートを含める必要があります。デフォルトのものはここにあります:https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css

テーマの選択肢があります。あらかじめ定義されたものを使用するか、または巧妙なjQuerryUI Themerollerを使って自分で作ることができます。コメント欄で上記のよう

+0

ああ、明らかに:)しかし、まだそれは一度だけ表示されます.. – Vonder

+0

"オープンダイアログ" jQueryを正しく添付していますか? – Dunhamzzz

0

あなたはむしろjqueryui.comそして(オフライン開発を何でも)何らかの理由でGoogleのCDNを使用したくない場合は、あなただけでUIコードの独自のバージョンをロールバックすることができます必要なビット(依存性チェック付き)とテーマの選択。

関連する問題