jQuery UI的對話框..主頁

我激活一個對話框，像這樣的對話框內容加載：jQuery UI的對話框..主頁

$('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時看到這些信息。我不想讓它坐在頁面上。我在這裏做錯了什麼？

來源

2011-12-22 ionfish

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

您需要在頁面上隱藏該div。對話框將取消隱藏併爲您顯示。

來源

2011-12-22 21:22:53

我會更進一步;而不是內聯樣式，將其移至CSS樣式表。但這是正確的想法。 – 2011-12-22 21:43:01

哦，是啊..呃。我不知道它會自動爲我取消隱藏。 – ionfish 2011-12-22 21:44:01

是的，我知道內聯樣式皺起了眉頭。只是在建立頁面時，現在很簡單。 – ionfish 2011-12-22 21:44:26

使用css add
display：none; （'＃popup'）。hide（）;使用JQuery添加
$（'＃popup'）。hide（）;

來源

2011-12-22 21:30:36

它在主頁面因爲那是你放的地方！

您需要在第一次創建時隱藏div（css - display: none）。

來源

2011-12-22 21:36:16 Alnitak

jQuery UI的對話框..主頁

回答

相關問題