发现colorbox官方网站的troubleshoot写的比较好,转载一下。
1,flash覆盖colorbox:
This is not a ColorBox specific problem, by default Flash will overlay any HTML content. This can be prevented by setting the ‘wmode’ param and embed attribute to ‘transparent’.
这不是colorbox本身的问题,flash默认会覆盖所有的HTML内容,你可以设置wmode参数为transparent来避免这个问题。
2,colorbox在ie中的位置和行为异常:
这有可能是doctype(DTD)问题。colorbox需要有个有效的DTD声明,否则浏览器会以怪异模式(quirks mode,在标准模式中,浏览器根据W3C所定的规范来显示页面;而在怪异模式中,页面将以IE5,甚至IE4的显示页面的方式来表现,以保持以前的网 页能正常显示)呈现网页内容。务必使用正确的DTD声明来确保浏览器以标准模式呈现网页。
下面这段声明会将IE浏览器设定成怪异模式
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
这段带有URI的声明可以将所有浏览器设定到标准模式
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd“>
3,colorbox的位置和行为异常(不区分浏览器):
这可能是源文件引用顺序错误导致的。JQuery和colorbox.css必须在jquery.colorbox.js之前引入,并且应该在JQuery的ready方法中调用colorbox,并且此调用要在引入jquery.colorbox.js之后
4,用colorbox显示外部文档时显示不正确:
这是由于没有将iframe参数设为true。默认的方式只能正确显示可以在body标签中存在的内容。
如果你想显示一个完整的html文档(包括<html>、<head>和<body>等标签),那么要是用iframe参数。并且要设定高度和宽度,因为colorbox无法得知位于iframe内的网页内容的宽高。
另外,如果你想载入一段位于相同域名下的另一个文档的部分内容,可以使用下面的方法
$(‘#example’).colorbox({href:”document.html div#content”});
5,在ie中colorbox的边框不显示:
colorbox中提供的例子中有些使用了png图片的透明度效果。IE6不支持alpha透明度,并且在IE7和IE8中也会出现黑底的效果。colorbox使用IE的css滤镜解决了这个问题,你可以再colorbox.css文件中看到这些代码。在例子中使用了相对路径,但用户将colorbox应用到自己的网站时经常更改image文件夹相对于css的路径。滤镜的路径也需要有相应的变动。请看下面的例子,假设你的images文件夹位于根目录下。
在css文件中使用了错误的相对路径:
.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png
正确的路径:
.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png
正确的绝对路径:
.AlphaImageLoader(src=http://your_domain.com/images/internet_explorer/borderTopLeft.png
6,尝试载入外部页面却获得”Request unsuccessful”的报错信息
这可能是因为你尝试载入一个无效的URL或者ajax的方式载入其他域名下的文件。由于浏览器的限制,ajax方式必须载入与其在同一域名下的文件。并且ajax需要有服务器支持,如果本地测试必须安装apache服务。
7,如何通过rel属性关闭colorbox的群组功能
$(‘a[rel="examples"]‘).colorbox({rel:’nofollow’});
8,JavaScript/jQuery 在colorbox中不工作
这多数是因为在元素还没有载入到文档中时就尝试访问它,解决的方法是将这些js代码应道到colorbox的onComplete调用中。
例如: (使用 jQuery Forms 插件:
$(‘#login_window’).colorbox({onComplete:function(){
$(‘form#login’).ajaxForm();
}});
9,在iframe外面打开colorbox
任何在iframe中打开的内容都会被限制在iframe中,除非你将colorbox放到它的上一级窗口中。你可以从iframe中返回parent窗口打开colorbox。
Example:
<a href=’login.php’ onclick=’parent.$.fn.colorbox({href:”login.php”}); return false;’>Open from parent</a>
这种方法不能用于group方式,因为parent文档无法访问iframe里的内容,也就无法访问内部元素的rel属性。
分享到:
相关推荐
jquery-colorbox jquery-colorbox jquery-colorbox
ColorBox样式例子
jquery colorbox相关代码案列下载
Colorbox - a jQuery lightbox A lightweight customizable lightbox plugin for jQuery
jQery图片展示效果colorbox插件,带实例,拿来直接就可以用
js弹出框colorbox
ColorBox 路由器手机控制客户端,手机控制刷了openwrt系统的路由,实现手机看视频,控制aria2脱机下载等功能
ColorBox是一个基于jQuery 1.3 的轻量级,自定义灯箱插件,功能非常强大,支持图片,图片组,ajax,inline和iframed内容,灯箱样式完全由用户控制,可自定义CSS样 式,不需要改写ColorBox库文件就能重写展示效果设置...
图片预览效果 弹出层一(colorBox).zip
强大的JQUERY COLORBOX, 一个条代码就可以实现弹窗,CSS多样化,支持所有浏览器
Colorbox弹出层插件使用API与中文教程 教程
ColorBox是一个基于jQuery 1.3 的轻量级,自定义灯箱插件,功能非常强大,支持图片,图片组,ajax,inline和iframed内容,灯箱样式完全由用户控制,可自定义CSS样式,不需要改写ColorBox库文件就能重写展示效果设置...
ColorBox灯箱,jQuery相册查看控件,仿QQ相册,ajax,效果很好的
jquery + colorbox 真实项目中的成熟使用案例 由于代码是自己写的 , 所以注释很全 思路清晰 , 希望对要使用该插件的朋友们 给予帮助 O(∩_∩)O~
ColorBox v1.0.7.15315,支持手机客户端。
jquery colorbox 弹出窗口 插件 支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。 通过CSS 控制外观,使用用户可以很容易重新定制外观。 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。 ...
弹出页面的效果,看了效果,给人很舒服的感觉
colorbox 图片轮播 各种方式的轮播图片展示
jquery colorbox弹出层插件制作图片弹出显示代码