如何在对话框中移除关闭按钮？

Question

我希望隐藏对话框标题栏中的关闭按钮。我希望用户严格按照对话框中的步骤完成，因此限制隐藏对话框的方式。

- KutePHP

Answer 1

试试这个：

$(".ui-dialog-titlebar-close").hide();

---

在对话框的打开事件上，您可以隐藏关闭按钮。

参考：http://jqueryui.com/demos/dialog/#event-open

当打开对话框时触发此事件。 代码示例

提供回调函数以处理打开事件作为初始化选项。

$( ".selector" ).dialog({
   open: function(event, ui) { ... }
});

通过类型 dialogopen 绑定到打开事件。

$( ".selector" ).bind( "dialogopen", function(event, ui) {
  ...
});

- Krunal

Answer 2

更好的方法是使用CSS...

.ui-dialog-titlebar-close {
display:none;
}

- jumpfightgo