jquery對話關閉沒有標題欄

ugly one 我有這個對話框，我想刪除標題欄，因爲它看起來很醜，唯一的問題是標題欄包含我需要的關閉按鈕。看什麼我談論的例子，你可以在這裏看到：jquery對話關閉沒有標題欄

kitchenova.com

這裏是我的代碼：

<script type="text/javascript"> 
$(document).ready(function(){ 
    if(localStorage.getItem("firstTime")==null){ 
     $("body").prepend("<div class='dialog-wrapper'></div>"); 
     $("#dialog").show(); 
     $(".ui-dialog-titlebar").hide(); 
     $("#dialog").dialog(
     { 
      width:600, 
      height:319, 
      zIndex: 99999 
     }); 

     $("#dialog").dialog('open'); 
     localStorage.setItem("firstTime","done"); 
    } 

    $('.ui-dialog-titlebar-close').click(function(){ 
     $('.dialog-wrapper').remove(); 
    }); 
}); 
</script>

是的，我已經看過的對話框控件文件似乎無法理解它，因爲我對jquery不太熟悉。或者，也許你可以通過點擊對話框之外的對話框來關閉對話框。這就是我想要的樣子。

good one

來源

2014-02-27 Mr.Vegas

您可以創建一個按鈕，關閉對話框，並得到它使用下面的代碼：

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

來源

2014-02-27 21:20:40 Qurator

你只需要一個關閉按鈕添加到初始化對象：

$("#dialog-confirm").dialog({ 
    resizable: false, 
    modal: true, 
    width:600, 
    height:319, 
    buttons: { 
     "Close": function() { 
      $(this).dialog("close"); 
     } 
    } 
});

而不是JavaScript來隱藏標題欄，你可以使用CSS：

.ui-dialog-titlebar { display:none; }

這裏是一個工作的jsfiddle：http://jsfiddle.net/Z9wZL/

來源

2014-02-27 21:23:28 HJ05

如何讓我的按鈕？ –

該按鈕被添加到上面看到的初始化對象中：'...，buttons：{...'該塊是將按鈕添加到對話框中的。 – HJ05

我明白了，是的，我得到它的工作，但仍然不是我所尋找的，在美學方面，它看起來很醜。不管怎麼說，還是要謝謝你。我添加了圖片來說明我正在嘗試做什麼。 –

jquery對話關閉沒有標題欄

回答

相關問題