Jquery UI对话框自动打开

Question

我的jQuery对话框有点奇怪的错误。

当我有它自动打开，对话框是完全空的。如果我退出对话框然后重新打开（通过标准对话框打开事件），则会显示内容。

jQuery的设置：

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

Here you can see the webpage that I am working on（它是一个链接缩短服务）。

对话框DIV开始在源148线：

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

你会看到对话框是空的。如果你退出并点击解锁按钮，那么正确的html就在那里。

任何想法？

Answer 1

模态的内容被隐藏在由于对你的CSS此代码开头：

#content_locker{ 
    visibility: hidden; 
} 

尝试将其更改为：

#content_locker{ 
    diaplay: none; 
} 

它应该做的伎俩;）

Answer 2

当您尝试显示对话框时，看起来HTML尚不可用。你在DOM ready事件指定它..

试试这个

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

//如果不行尝试明确 //通过

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

Answer 3

这取决于顺序显示它。如果您使用autoOpen，则应先填写html内容，然后再启动对话框。 （autoOpen意味着一旦你initilized的对话框，它会打开。）

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