javascript - Jquery UI 对话框.. 在主页上加载对话框内容

Question

我正在激活这样一个对话框:

   $('a#addNew').click(function(){
   $('#popup').dialog({
       minWidth:  700,
       title:     'Select a product item'
   });
});

<div id="popup" style="color:#fff; background:#000; width:650px;">
    blah blah blah blah
</div>

一切都很好.. 但对话框 (#popup) 实际上显示在我的页面上，直到我单击 #addNew，在这种情况下它会消失并转移到实际的对话框。我只希望用户在单击#addNew 时看到该信息。我不希望它坐在页面上。我在这里做错了什么？

Answer 1

<div id="popup" style="color:#fff; background:#000; width:650px; display:none;">
    blah blah blah blah
</div>

您需要在页面上隐藏此 div。然后该对话框将取消隐藏它并为您显示它。