地球ウォーカー2

Scala, Python の勉強日記

jQuery UIでdialogにする要素を使いまわす方法

自分用メモ。
id="dialog"な要素に対して、

$('#dialog').dialog();

でダイアログを生成すると、閉じたときに要素が消えて再利用できなくなる。
再利用するには、

$('#dialog').dialog({autoOpen: false});  // あらかじめダイアログ用オブジェクトを生成
function F() {
  $('#dialog').dialog('open');  // 呼び出す
}

としなければならない。

参考


A call to
 $(foo).dialog()
initializes a dialog. If you want a click to open a dialog, use
 $(foo).dialog('open')
, but if the dialog hasn't been destroyed, the
 $(foo).dialog()
init call is only required once, not on each click.


jQuery UI - Dialog Demos & Documentation

記録として

2009/08/31現在、jQuery UIの最新バージョンは 1.7.2 (for jQuery 1.3+)。