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。然后该对话框将取消隐藏并显示给您。

Answer 2

使用css添加
显示：无;

或使用JQuery添加
$（ '＃弹出'）隐藏（）;

Answer 3

它位于主页上，因为你把它放在了哪里！

首次创建时，您需要隐藏div（css - display: none）。