jquery-ui - 如何隐藏此“关闭”按钮

Question

我正在使用这个 jquery-ui 来显示一个对话框，但它带有一个名为“close”的 freebee，我不想要它，

你可以在这里找到其余的代码，为什么我的对话框不起作用

在 html 中，它的出现是

<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button">
<span class="ui-icon ui-icon-closethick">close</span>
</a>

Answer 1

你看过文档吗？

http://api.jqueryui.com/dialog/

隐藏关闭按钮

在某些情况下，您可能想要隐藏关闭按钮，例如，如果按钮窗格中有关闭按钮。实现这一点的最佳方法是通过 CSS。例如，您可以定义一个简单的规则，例如：

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

然后，您可以简单地将 no-close 类添加到任何对话框中以隐藏它的关闭按钮：

$( "#dialog" ).dialog({   dialogClass: "no-close",   buttons: [
    {
      text: "OK",
      click: function() {
        $( this ).dialog( "close" );
      }
    }   ] });