如何移动 jQuery UI 对话框中的关闭按钮？

Question

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

以前有没有人这样做过。

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

谢谢

Answer 1

你可以做到。

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

Try it on JSFiddle too

Answer 2

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

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