如何在jQuery UI对话框上移动关闭按钮？

Question

I'd like to move the close button in the top right hand corner of the UI Titlebar away from the actual titlebar. I've looked through the documentation and through other SO questions but can't find the solution.

Has anyone ever done this before.

nb I can remove the titlebar but that also removes the close button, similarly I can remove the close button or move it anywhere on the titlebar but not away from the titlebar.

Thanks

Answer 1

You can do that.

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;">