Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery对话框右上角的时髦jquery对话框标题_Jquery_Jquery Ui Dialog - Fatal编程技术网

jquery对话框右上角的时髦jquery对话框标题

jquery对话框右上角的时髦jquery对话框标题,jquery,jquery-ui-dialog,Jquery,Jquery Ui Dialog,我很清楚如何创建jQuery对话框,而且我还能够从对话框中删除标题和右侧关闭图像 但我需要在对话框右上角的单独DIV(时尚角)中显示标题 这是可能的,下面是我的要求草图。谢谢 当然你能做到。你只需要玩很多css 最简单的方法是找到ui对话框标题栏中的范围,并将其四处移动。您还必须调整ui对话框标题栏 有关如何修改对话框标题栏的信息,请参见。基本上,最简单的方法是在创建对话框时,在标题栏中添加一个类。这样,您可以分别修改标题栏div及其包含的标题栏文本范围。显然,您需要调整我给出的css值,因为我

我很清楚如何创建jQuery对话框,而且我还能够从对话框中删除标题和右侧关闭图像

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

这是可能的,下面是我的要求草图。谢谢
当然你能做到。你只需要玩很多css

最简单的方法是找到ui对话框标题栏中的范围,并将其四处移动。您还必须调整ui对话框标题栏

有关如何修改对话框标题栏的信息,请参见。基本上,最简单的方法是在创建对话框时,在标题栏中添加一个类。这样,您可以分别修改标题栏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");

@用户584018为什么不呢?对话框本身需要jQuery。您不需要使用jQuery来设置所有css样式。从技术上讲,在DOM中查找标题栏也不需要它,但使用它要容易得多。请查看下面的线程,并提出建议@用户584018您没有投票或接受我的答案,也没有回复我的反馈。我的建议是,如果你不先与我合作解决这个问题,就不要让我回答另一个问题,让你满意。我正在尝试你的选择,但我想感谢你。如果可能,请回复?@ScottMermelstein,检查语法。您有一个未正确关闭的
.find(“div.ui-dialog-titlebar”)