0

さて、私は現在取り組んでいるサイトのいくつかの機能にいくつかのjqueryモーダルウィンドウを使用することに取り組んでいます。モーダル ウィンドウはすべて開いていますが、スタイルはまったくなく、オーバーレイも表示されません。モーダルの div を定義する方法は次のとおりです。

<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
            <div  style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all"></div>
<div id="postEventPanel"></div> //this is the actual modal window

そして、jquery.load を介してビューのコンテンツをロードしています:

$('#postEventPanel').load(loadUrl);

ダイアログオプションを次のように設定します。

  $('#postEventPanel').dialog({
    width: 650,
    modal:true,
    autoOpen: true,
    resizable: true,

    show: { effect: 'drop', direction: "up" }

}).show();

したがって、私が抱えている問題は、オーバーレイが表示されず、スタイルも表示されないことです。テーマ ローラーを使用して独自のテーマを生成し、それをアプリケーション レイアウト ページに含めました。

これは私が見ている問題のスクリーンショットです:

これは私が抱えている問題のスクリーン キャプチャです。スタイルがなく、モーダルのデフォルト スタイルさえないことがわかります。

どんな助けでも大歓迎です、ありがとう

4

1 に答える 1

0

モーダル ウィンドウ スタイルに関連付けられた CSS が正しくロードまたは参照されているかどうかを確認します。また、Firefox で Firebug などのデバッガを使用している場合は、[コンソール] タブで JavaScript の問題がないかどうかを確認してください。

于 2012-08-22T16:55:40.597 に答える