如何在jQuery UI对话框中移动关闭按钮?

时间:2016-01-08 10:48:08

标签: jquery jquery-ui dialog jquery-ui-dialog

我想将UI标题栏右上角的关闭按钮移离实际标题栏。我查看了文档和其他SO问题,但找不到解决方案。

以前有没有人这样做过。

n.b。我可以删除标题栏,但也删除关闭按钮,同样我可以删除关闭按钮或将其移动到标题栏上的任何位置,但不要远离标题栏。

由于

2 个答案:

答案 0 :(得分:0)

你可以做到。

button.ui-dialog-titlebar-close {
  top:60px !important; 
  z-index:99999;
}

Try it on JSFiddle too

答案 1 :(得分:0)

最后,我隐藏了标题栏并关闭了按钮并插入了一个关闭对话框的图像: - )

<img src="close-window.png" onclick="$('#dialog-learn').dialog('close');" style="float:right;">