如何隐藏这个“关闭”按钮

时间:2013-03-04 13:10:43

标签: jquery-ui dialog

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

您可以在此处找到其余代码,Why my Dialog box isn't working

在html中它出现了

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

1 个答案:

答案 0 :(得分:5)

你看过文档了吗?

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" );
      }
    }   ] });