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 ）首次創建時需要隱藏。