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对话关闭没有标题栏

回答

相关问题