JQuery colorbox iframe,隐藏底栏

Posted

技术标签:

【中文标题】JQuery colorbox iframe,隐藏底栏【英文标题】:JQuery colorbox iframe, hide bottom bar 【发布时间】:2017-01-04 13:09:31 【问题描述】:

我正在使用颜色框来显示我网站注册页面的 iframe。就这样……

正如您在 iframe 的最底部看到的那样,在过去的关闭“X”处有一个白条。我已经删除了我可以看到的边界的每个部分以理解存在...这是我的 JQuery...

$("#cboxTopLeft").hide();
$("#cboxTopRight").hide();
$("#cboxBottomLeft").hide();
$("#cboxBottomRight").hide();
$("#cboxMiddleLeft").hide();
$("#cboxMiddleRight").hide();
$("#cboxTopCenter").hide();
$("#cboxBottomCenter").hide();
$("#cboxClose").remove();

据我所知,这应该就是一切。

【问题讨论】:

它可能是另一个元素,甚至可能是 iframe 本身突出在底部。需要查看 html 和 css 的运行情况...... 如果你想删除白条然后通过f12功能键检查浏览器中的元素并检查哪个部分包含白条。然后自定义以查看如何将其删除。或在此处发布您的csshtml 发布你的彩盒初始化代码 【参考方案1】:

添加

$("#cboxLoadedContent").hide();

到 jquery.colorbox.js 文件的末尾。 :)

使用浏览器检查器并找到它。

【讨论】:

以上是关于JQuery colorbox iframe,隐藏底栏的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery ColorBox 的 iFrame IE8

表单提交后关闭 Colorbox iframe,然后重定向父页面

在 iframe 上隐藏动态元素

控制 iframe 内的 Colorbox 位置

使用 Colorbox 在 iframe 之外显示图像

将表单提交到 Colorbox iframe