0

IE でレンダリングするモーダル ダイアログを取得できません。画面は暗くなりますが (無効になっているように)、ダイアログ自体はどこにも見つかりません。Chrome での動作は想定どおりです。画面が暗くなり、ダイアログが表示されます。これが古い参照の問題ではないことを確認するために、IE と Chrome のキャッシュを繰り返しクリアしました。

.hide().show() と $("#waiting1").dialog('open') でもゲームをプレイしましたが、結果は同じでした。

<html>
   <head>

    <script src="/scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="/scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript" ></script>

    <link rel="stylesheet" type="text/css" href="/css/themes/base/jquery.ui.all.css" >

            <script type="text/javascript">

                $(function () {      

                    $("#waiting1").dialog();

                });

           </script>
    </head>
    <body>
           <div id="waiting1" style="display:none;">
               <center>
                    <img src="black_loading.gif" />
               </center>
           </div>


     </body>

4

4 に答える 4

0

あなたのコード例はあなたの説明と一致していないようです。たとえば、ダイアログをモーダルとして定義しているとは思いません。とにかく、あなたが与えた例ではdiv、スタイル属性であなたの表示を非表示に設定しました。その必要はありません。jQuery UI に表示の書式設定を処理させます。

あなたはこれを持っています：

       <div id="waiting1" style="display:none;">
           <center>
                <img src="black_loading.gif" />
           </center>
       </div>

これを次のように変更してみてください。

       <div id="waiting1">
           <center>
                <img src="black_loading.gif" />
           </center>
       </div>
于 2013-06-13T20:25:17.643 に答える
0

への言及にjquery.ui.all.cssは終わりがありません。

Chrome やその他のブラウザーで実行されている場合は、IE でも正しく実行されているはずです (UI に多少の違いがあるかもしれません)。

于 2013-01-08T07:42:55.983 に答える
0

テーマまたはそれをオーバーライドする CSS に問題があると思います。このフィドルはシナリオに近似しており、IE8 および 10 で動作します: http://jsfiddle.net/yrFWJ/2/

<span class="click">Click</span>

<div id="waiting1" style="display: none;">
  <center>Nice!</center>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" type="text/css" media="all" />

$('.click').click(function() {
  $("#waiting1").dialog();
});
于 2013-01-08T15:11:56.123 に答える
0

同様の問題があり、jquery.ui.all の後に含まれるスタイルシートが無視されているように見えることに気付きました。説明: IE はスタイルシートの数を制限し、スタイルシートにインポートします ( http://support.microsoft.com/kb/262161を参照)。

于 2013-06-13T20:13:24.483 に答える