如果div不是对话框，则将其设为对话，否则不要

Question

我有一个div：

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

我有一个功能：

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

只有在尚未创建对话框时才进行对话。我怎么能这样做？

Answer 1

检查data。如果在元素上创建了对话框，则它具有“对话框”作为data的属性：

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

Answer 2

只需将$("#dialog").dialog({autoOpen:false});放入您的document.ready()活动中即可。最后，在您的process()函数中添加

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