jquery - 自動オープン時にJquery UIダイアログが空になる

Question

jquery ダイアログで奇妙なエラーが発生しています。

自動で開くと、ダイアログボックスは完全に空になります。ダイアログを終了してから（標準のダイアログを開くイベントを介して）再度開くと、コンテンツが表示されます。

jquery のセットアップ:

$("#content_locker").dialog({
autoOpen: true,
modal: true,
height: 600,
width: 800
});

ダイアログの div は、ソースの 148 行目から始まります。

<div id="content_locker" title="Exclusive Content">

ダイアログが空であることがわかります。終了してロック解除ボタンをクリックすると、適切な html が表示されます。

何か案は？

score 1 · Accepted Answer

順番によります。を使用する場合はautoOpen、最初に html コンテンツを入力してから、ダイアログを開始する必要があります。(autoOpenダイアログを初期化すると、ダイアログが開きます。)

$("#content_locker").html(the_html_content).dialog({
  autoOpen: true,
  modal: true,
  height: 600,
  width: 800
});

score 1 · Accepted Answer

css に次のコードがあるため、モーダルのコンテンツは最初は非表示になっています。

#content_locker{
    visibility: hidden;
}

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

#content_locker{
    diaplay: none;
}

それはトリックを行う必要があります;）

score 0 · Accepted Answer

ダイアログを表示しようとしているとき、HTML はまだ利用できないようです。DOM ready イベントで指定しましたか..

これを試して

  $(function() {
    $("#content_locker").dialog({
       autoOpen: true,
       modal: true,
       height: 600,
       width: 800
    });
  });

// それが機能しない場合は、明示的に表示してみてください。

  $("#content_locker").show();

3 に答える 3