jquery UI对话框:如何初始化没有标题栏?

有没有可能打开一个jQuery UI对话框没有标题栏?

当前回答

对我来说，我仍然想使用重新调整大小的角，只是不想看到对角线。我使用

$(".ui-resizable-handle").css("opacity","0");

我刚意识到我回答错问题了。不辜负我的名字:(

其他回答

试试这个

$("#ui-dialog-title-divid").parent().hide();

将divid替换为相应的id

对我来说，我仍然想使用重新调整大小的角，只是不想看到对角线。我使用

$(".ui-resizable-handle").css("opacity","0");

我刚意识到我回答错问题了。不辜负我的名字:(

当初始化对话框时，你可以使用jquery在使用dialogClass后隐藏标题栏。

init期间:

$('.selector').dialog({
    dialogClass: 'yourclassname'
});

$('.yourclassname div.ui-dialog-titlebar').hide();

通过使用这种方法，你不需要改变你的css文件，这也是动态的。

我发现使用open事件并从那里隐藏标题栏更有效，更可读。我不喜欢使用页全局类名搜索。

open: function() { $(this).closest(".ui-dialog").find(".ui-dialog-titlebar:first").hide(); }

简单。

我认为最简洁的方法是创建一个新的myDialog小部件，由对话框小部件减去标题条形码组成。删除标题条形码看起来很简单。

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.dialog.js

推荐文章