0

ページの読み込み時に最初は非表示になっているdivコンテナがあります。そのdiv内に、ダイアログコンテンツを含むコンテナーがあります。

<div style="display:none;" id="dialog-container">
    content
</div>

私が抱えている問題は、ユーザーがリンクをクリックしてダイアログを開くと、次のことです。

jQuery("#dialog-link").click(function() {

    //shows modal box

    jQuery( "#dialog-container" ).dialog({
        width:"820",
        resizable: false, 
        modal: true,
        buttons: {
            Ok: function() {
                jQuery( this ).dialog( "close" );
            }
        }
    });

});//close click

オーバーレイは表示されますが、ダイアログ自体は表示されません。私は何が間違っているのですか？divが最初に非表示になっているという事実は、それと関係がありますか？

ありがとう。

アップデート

問題を見つけましたが、まだ解決策がありません。.ui-dialogクラスの「top」プロパティが高すぎるため、ダイアログが画面の外に開きます。

4

1 に答える 1

0

削除するダイアログコンテナを必ず表示してくださいdisplay:none

jQuery("#dialog-link").click(function() {


//shows modal box

  jQuery( "#dialog-container" ).dialog({
     width:"820",
     resizable: false, 
     modal: true,
     buttons: {
        Ok: function() {
          jQuery( this ).dialog( "close" );
        }
     }
   });

   jQuery( "#dialog-container" ).show(); //make visible
});

実例：http：//jsfiddle.net/

于 2013-03-02T20:47:32.783 に答える