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 add
显示：无;

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

Answer 3

它在主页上， 因为那是你放的地方！

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