Colorbox - 从特定窗口中删除关闭按钮

Posted 2023-02-25

【中文标题】Colorbox - 从特定窗口中删除关闭按钮

【英文标题】：Colorbox - removing the close button from a specific window

【发布时间】：2010-04-21 17:48:33

【问题描述】：

我正在使用 colorbox 插件在我的网页上显示消息。 其中之一是“等待响应”消息，我不希望用户自行关闭它。

我知道如何取消绑定 ESC 键，并禁用覆盖关闭，但我仍然有关闭按钮的问题。 我发现我可以像这样在 css 中删除它：#cboxClosedisplay:none !important; 但这会影响我所有的彩盒消息..

有没有办法从特定消息中删除关闭按钮？也许来自jsp本身？

谢谢， 耶尔。

【参考方案1】：

通过 jquery 打开此特定框后删除按钮怎么样？ Colorbox 为您提供了必要的事件挂钩：

$('selector').colorbox(onLoad: function() 
    $('#cboxClose').remove();
);

【讨论】：

你能举一个“removeButtonDelegate”的例子吗？我不确定那是什么意思。

我修改了示例以包含实际的委托。我猜你也可以隐藏它，而不是删除它。

对用户 .hide() 更好，就像您正在转换到另一个颜色框一样，如果需要，您可以再次显示该按钮。

更好的是：onOpen -> $("#colorbox").addClass("noClose");，onClosed -> $("#colorbox").removeClass("noClose");，在 css 中：.noClose #cboxClosedisplay:none

【参考方案2】：

感谢 ntziolis，这正是我想要的。我能够像这样将它添加到我的颜色框调用中。我用它打开一个单独的网页，注意 iframe:true

$(".class_name").colorbox(innerWidth:500, innerHeight:400, iframe:true, escKey:false, overlayClose:false,onLoad: function() 
    $('#cboxClose').remove();
);

【参考方案3】：

在新版本的彩盒中有一个选项

closeButton true 设置为 false 以移除关闭按钮。

看这里 http://www.jacklmoore.com/colorbox/

关闭按钮：假

【讨论】：

这是一个更好的解决方案。当您执行 .remove 时，它​​会从该页面上的任何颜色框中删除该功能（但保留关闭按钮）。

这不是我的问题。