[jquery-ui]删除 jQueryUI 对话框上的关闭按钮吗?

标签: jQuery jQuery-UI
发布时间: 2011/5/26 10:22:22
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

如何删除由 jQueryUI 创建的对话框上的关闭按钮 (左上角的 X)?

解决方法 1:

我发现这工作结束 (注三线覆盖 open 函数查找按钮并隐藏它):

$("#div2").dialog({
   closeOnEscape: false,
   open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});

解决方法 2:

不会多个对话框的好的"最佳"的答案。这里是一个更好的解决方案。

open: function(event, ui) { 
//hide close button.
$(this).parent().children().children('.ui-dialog-titlebar-close').hide();
},

解决方法 3:

您可以使用 CSS 来隐藏关闭按钮。

我的意思是,CSS 可以用作直接代替 JavaScript

<style>
.ui-dialog-titlebar-close{
    display: none;
}
</style>

我还不能接受的答案我是没有错的但为-1,只是告诉你,我不打算告诉您具体的答案。

我不知道是否你有没有听到的一句谚语是

如果您给人一条鱼,他将单个吃饭,但如果你教会他钓鱼,喂他的一生。

解决方法 4:

我认为这是好的。

open: function(event, ui) {
  $(this).closest('.ui-dialog').find('.ui-dialog-titlebar-close').hide();
}

解决方法 5:

这是另一种选择,只用不上骑不在页上的每个对话框的 CSS。

CSS

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

HTML<div class="selector" title="No close button">This is a test without a close button</div>

Javascript。

$( ".selector" ).dialog({ dialogClass: 'no-close' });

工作示例

解决方法 6:

$("#div2").dialog ({closeOnEscape: 虚假、 开放: 函数 (事件、 用户界面) {$('# div2').parent().find('a.ui-dialog-titlebar-close').hide();}}) ;

解决方法 7:

http://jsfiddle.net/marcosfromero/aWyNn/

$('#yourdiv').                 // Get your box ...
  dialog().                    // ... and turn it into dialog (autoOpen: false also works)
  prev('.ui-dialog-titlebar'). // Get title bar,...
  find('a').                   // ... then get the X close button ...
  hide();                      // ... and hide it

解决方法 8:

open: function(event, ui) { 
  //hide close button.
  $(this).parent().children().children('.ui-dialog-titlebar-close').click(function(){
    $("#dhx_combo_list").remove();
  });
},

yaaaay !它真的工作 !我赶上对话框的关闭的事件。在上面的代码中,它将删除的 div (# dhx_combo_list)。

太好了,谢谢你们 !

解决方法 9:

隐藏按钮的最佳方法是使用数据图标属性对其进行筛选:

$('#dialog-id [data-icon="delete"]').hide();
赞助商