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

Question

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

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

这是否可行，下面是我要求的草图。谢谢，

Answer 1

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

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

有关如何修改对话框标题栏的信息，请参阅here。基本上，最简单的方法是在进行对话时，在标题栏中添加一个类。这样，您可以使用标题栏文本单独修改标题栏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");