【问题标题】:How to hide this "close" button如何隐藏此“关闭”按钮
【发布时间】:2013-03-04 13:10:42
【问题描述】:

我正在使用这个 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>

【问题讨论】:

  • 这里找不到隐藏的功能,jqueryui.com/dialog
  • 为什么不加解释就投反对票?
  • 查看API documentation 下的Hiding the close button
  • 因为你自己解决问题并没有付出太多努力,而是你在问一个已经回答了很多次的问题!
  • 为你辩护,应该注意jQuery-UI文档从来都不是易于阅读的。

标签: jquery-ui dialog


【解决方案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" );
      }
    }   ] });

【讨论】:

  • 现在对话框根本不起作用,当我取消选中它时没有显示
  • 我应该在我的 handlethis() 函数中添加 javaScript 函数吗?
猜你喜欢
  • 2011-11-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-13
  • 2010-10-19
  • 2015-12-01
  • 2013-01-21
相关资源
最近更新 更多