2013-01-24 36 views
0

我已經習慣了jquery對話框,它也工作正常,但我不想給用戶關閉它的選項,因爲我實際關閉它。自定義jQuery模型窗口

以下是彈出的對話框

<div id="emailNotification" title="Email Notification"> 
               <p>Please Wait Email is being sent....</p> 
                 </div> 

的代碼,我這是怎麼收;

$("#emailNotification").dialog('close'); 

The following is the dialog

有一個在右邊,我不想,關閉選項如何在jQuery中禁用此。

請幫

+0

看到[這篇文章](http://stackoverflow.com/questions/896777/remove-close-button-on-jqueryui-dialog) –

回答

0

感謝您的所有評論和答案。

以下已解決我的問題。

$("#emailNotification").dialog({ 
     closeOnEscape: false, 
     open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
}); 
1

我在過去做到了這一點的方法是覆蓋CSS的jQuery UI的聲明隱藏關閉按鈕。通過對特定的CSS進行子分類,您可以創建單獨的實例,要麼需要關閉按鈕,要麼不需要。

關閉我的頭頂,我想具體的CSS看起來是這樣的......

.ui-dialog .ui-dialog-titlebar-close { 
    display: hidden; 
} 

以類似的方式,具有的jQuery UI的CSS的透徹理解,也可以讓你自定義對話框,標籤等的「外觀和感覺」,以便您可以使用不同的樣式,添加背景圖像等。