jquery - 时尚的 jquery 对话框标题到 jquery 对话框的右上角

Question

我很清楚如何创建一个 jQuery 对话框，而且我还能够从对话框中删除标题以及右侧关闭图像。

但我需要在对话框右上角的单独 DIV（时尚角）中显示标题。

这可能吗，下面是我的要求的草图。谢谢，

Answer 1

当然你可以做到。你只需要玩很多CSS。

最简单的方法是找到 ui-dialog-titlebar 中的 span，然后移动它。您还必须调整 ui-dialog-titlebar。

有关如何修改对话框标题栏的信息，请参见此处。基本上，最简单的做法是在制作对话框时，向标题栏添加一个类。这样，您可以使用标题栏文本单独修改标题栏 div 及其包含的跨度。你显然需要调整我给出的 css 值，因为我不知道你的实际代码，但你最终会得到这样的东西：

$('#dlg').dialog({/*options*/}).parent().find("div.ui-dialog-titlebar").addClass('myClassname');
$('.myClassname span').css({position: "absolute", left: "300px", top: "-10px", background: "red"});
$('.myClassname').css("height", "50px");