jquery - divがダイアログでない場合は、ダイアログにします。それ以外の場合は、ダイアログにしません。

Question

私はdivを持っています：

<div id="dialog">Dialog content here</div>

私は機能を持っています：

function process() {
    $("#dialog").dialog({autoOpen:false});
}

ダイアログはまだ作成されていない場合にのみ作成します。どうやってやるの？

Answer 1

を確認してくださいdata。dataダイアログが要素上に作成されている場合、 ：のプロパティとして「dialog」があります。

function process()
{
    if( !$('#dialog').data('dialog') ){
        $("#dialog").dialog({autoOpen:false});
    }
}

Answer 2

イベントに参加$("#dialog").dialog({autoOpen:false});するだけです。document.ready()最後に、process()関数に次を追加します

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