Tag: colorbox

在页面加载时自动打开jQuery ColorBox: 我已经将colorbox jQuery灯箱用于我的灯箱。但在那个人应该点击按钮。我想要在加载窗口时自动弹出窗口。我的灯箱代码是 $(document).ready(function(){ $(“.ajax”).colorbox(); }); Other Content Types Outside HTML (Ajax) 现在我想在加载窗口时自动弹出窗口。

colorbox bug – 从链接或按钮关闭colorbox: 我打电话打开弹出窗口 $.colorbox({ href: “notification.aspx” }); 在notification.aspx我有 … OK 弹出窗口显示正常，但是当我单击按钮时，它会出现JavaScript错误。在主页面的javascript我有 $(‘#btnClose’).live(‘click’, function () { alert(‘closing…’); // Alert shown as expected $.colorbox.close(); // Nothing happens, no JavaScript error //$.fn.colorbox.close(); // same //parent.$.fn.colorbox.close(); // same //$.colorbox.remove(); // same //$(‘#cboxClose’).click(); // same //$(‘#cboxOverlay’).click(); // same }); 我只想关闭弹出窗口。我错过了什么？提前致谢。编辑：我让它以某种方式工作，我会找出是什么使它工作。

Colorbox：显示/模拟内联内容的“加载”动画: 您好我在使用ColorBox，我们在使用jquery的表单中执行了几个步骤，我们希望在等待来自ajax的回复时显示ColorBox的加载动画。我们如何使用它？先谢谢你！

jQuery和Colorbox：如何自动设置iframe颜色框的高度和宽度: 我下载了最新版本的colorbox jquery插件。现在我为iframe和内联设置了真正的颜色框。我的问题colorbox（灯箱）没有设置外部页面的自动高度/宽度。怎么解决这个问题？有办法吗？我的彩盒function： $(document).ready(function(){ $(“.iframe”).colorbox({inline:true,iframe:true}); 谢谢

使用cookie仅在第一页加载时加载彩盒: 我已尝试从Web上的参考代码在页面加载时仅加载一次特定元素这是示例代码 $(document).ready(function(){ $.colorbox({width:”40%”, height:”63%”, inline:true, href:”#subscribe”}); }); $(document).ready(function(){ if (document.cookie.indexOf(‘visited=true’) === -1) { var expires = new Date(); expires.setDate(expires.getDate() 31); document.cookie = “visited=true; expires=” expires.toUTCString(); } 有人可以指导我，这个代码有什么问题这是我正在编辑的html页面 Popup Subscription Box body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;} a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} h2{font-size:13px; margin:15px 0 0 0;} </script&gt ; $(document).ready(function(){ $.colorbox({width:”30%”, inline:true, href:”#subscribe”}); […]

首次打开时，Colorbox无法以适当的高度打开: 所以我使用colorbox插件作为联系表单。我只是默认的颜色框属性，所以它应该自动调整到它包含的div（对吧？）。那么当它加载FIRST时，这个彩盒内容上有一个小的垂直滚动条。我已经看到它偶尔会出现在Firefox和chrome for OSX 尝试＃1 $(“a.modalAutosize”).each(function(){ $(this).colorbox(); }); 例子上的活动代码 $(“a.modalAutosize”).each(function(){ $(this).colorbox({onOpen: function(){$.fn.colorbox.resize()}}); });

关闭Colorbox: 我有一个简单的弹出窗口（不是iframe），用户可以在其中发送邮件。有一个发送信息的提交按钮和一个应该关闭覆盖图的取消按钮。关闭按钮工作时我遇到了一些麻烦。代码如下所示： jQuery(document).ready(function () { jQuery(“#”).click(function () { jQuery.colorbox.close(); return false; }); }); 我已尝试使用parent.jQuery.colorbox.close（），jQuery.fn.colorbox.close（），但没有成功。

如何在没有硬编码的情况下使用colorbox在我的页面上显示隐藏的div？: 我正在使用Colorbox在我的页面上显示隐藏div的html内容。我可以通过以下方式完美地工作： $(“a.colorbox”).colorbox({width:”600px”, inline:true, href:”#344″}); 这将显示ID为344的div。但是，因为我正在尝试使用WordPress构建可伸缩的动态页面，所以我希望能够通过函数获取我的div的ID，而不是在jquery调用中对它们进行硬编码。我修改了杰克摩尔的例子： $(“a[rel=’example’]”).colorbox({title: function(){ var url = $(this).attr(‘href’); return ‘Open In New Window’; }}); 所以它看起来像这样： $(“.colorbox”).colorbox({width:”600px”, inline:true, href:function(){ var elementID = $(this).attr(‘id’); return elementID; }}); 这个问题是colorbox函数的href属性正在寻找一个带有ID标记的字符串。我尝试了将＃连接到函数前面的各种方法，包括返回值中的＃，以及将＃连接到elementID变量。没运气。我也试过在Jack的例子中使用语法（没有运气），所以我的return语句看起来像这样： return “#’+elementID+'”; 我认为我的基本问题是：如何在不对所有内容进行硬编码的情况下使用colorbox在我的页面上显示隐藏的div？谢谢你的帮助，杰特

问题在IE中正确实现Colorbox（所有版本）: 我一直在拔头发（并且经过规定的时间）试图弄清楚为什么Colorbox在下一页上没有正常工作：[link removed] 我在右下方设置了一个Colorbox测试链接，上面写着“Web Design By All Web Cafe”，它应该打开一个小的徽标图像。在Firefox，Safari等中，模态的行为应该如此，在所有现有的页面内容上方打开中心。在IE中，不仅模态不居中，而且看起来好像它不遵循绝对定位并且将所有现有的页面内容推到下面。除此之外，它没有打开正确的大小并在模态图像旁边创建滚动条，我们自己有一个丑陋的模态。我可以使用的滚动条（通过调整模态的最小高度），但我无法弄清楚为什么它不会居中。让我说我最初没有对这个网站进行编码，并且它已经在几年前完成了，所以很可能有很多CSS黑客可以正确显示，其中任何一个都可能导致这个问题。相比之下，Thickbox也在这个网站上设置（如果你点击深蓝色区域的“播放video”标注）并且行为正确，虽然有一些奇怪的大小/填充问题，因此需要用某些东西替换它更现代和可扩展。我可以validation同时存在这两个模态脚本/ CSS文件的冲突，因为即使完全删除Thickbox，Colorbox仍然会出现问题。任何想法或建议将不胜感激。

在页面加载时打开Colorbox: 我一直在尝试让colorbox在页面加载时工作，但我只能看到带有普通背景的加载。我用过这段代码 $.fn.colorbox({id:”, title:”,open:true}); 你可以在这里找到演示 http://www.bloggermint.com/demos/popupsub/colorbox/example5/index.html