`

老机器上IE访问jQuery colorbox无法点击的问题

 
阅读更多

这几天碰到一个奇怪的问题:网站上登录窗口是一个overlay的弹出窗口,在某些很老的机器上面使用ie6 & ie7访问的时候,登录窗口上面会有一个loading的图片始终不消失,同时这个窗口也无法点击进行任何操作。

 

这个弹出窗口是通过jQuery colorbox来实现的。由于js在ie6, ie7上面的js解析引擎本身速度就慢,在老机器本身cpu速度不够的情况下,猜测事件处理顺序上出了问题或者发生冲突。

 

那么我就把精力放到网页中js上面。首先屏蔽除了colorbox所有部分的js,结果发现colorbox运行正常。这说明是colorbox跟其他js部分产生了冲突。

 

通过不断的实验,终于确定跟colorbox冲突的行:jQuery inFieldLabels。

 

问题确定了,修改确不容易。colorbox跟其他js也有冲突的可能,下面是一个case。

http://groups.google.com/group/colorbox/browse_thread/thread/476fa5587029f11e

但是修改了两者的加载时序,仍然没有解决问题:(

 

现在只能换一种方法看了。经过研究colorbox代码,里面的loading图片是放到loadingOverlay上面来展示的。不知什么原因,做overlay hide的操作没有成功。而且colorbox没有屏蔽loadingOverlay的方法。于是我把所有loadingOverlay相关的代码都删除,问题解决!

 

分享到:
评论

相关推荐

    jquery-colorbox jquery-colorbox

    点击上一张/下一张按钮时,会在同一组内切换。 四、响应式设计 Colorbox具有一定的响应式能力,可以适应不同屏幕尺寸。通过调整配置选项,可以更好地适配移动设备。 五、事件监听 Colorbox提供了一系列事件,如`on...

    jquery colorbox 项目中的成熟使用案例

    《jQuery Colorbox在实际项目中的应用深度解析》 在网页设计和开发中,优雅的弹出层效果常常能提升用户体验,jQuery Colorbox就是一个强大的轻量级插件,它提供了多种类型的弹出展示方式,包括图片、iframe、HTML...

    jquery colorbox 弹出窗

    综上所述,jQuery Colorbox是一个功能强大且易于使用的弹出窗口插件,无论是在网页中展示图片、加载外部内容还是嵌入多媒体,都能为用户提供流畅、美观的体验。通过合理的配置和定制,开发者可以将Colorbox集成到...

    jQuery colorbox

    **jQuery colorbox插件详解** `jQuery colorbox`是一款基于jQuery库的轻量级、高度可定制的弹出框插件,通常用于实现轻盒(lightbox)效果。它能够优雅地展示图片、HTML内容、IFrame、YouTube视频等,提供了一种在...

    jquery colorbox

    **jQuery Colorbox** jQuery Colorbox是一款流行的轻量级插件,用于在网页中创建弹出式的图片、HTML、iframe和Ajax等内容展示。它提供了一种优雅的方式来增强用户体验,通过将内容在现有页面上以全屏或半透明的...

    jquery colorbox弹出层插件制作图片弹出显示代码

    《jQuery Colorbox弹出层插件:实现图片弹出显示的代码详解》 在Web开发中,为了提供更好的用户体验,我们常常需要实现一种效果:当用户点击某个元素时,图片或者其他内容以弹出层的形式展示出来。jQuery Colorbox...

    jquery colorbox 弹出窗口插件

    jquery colorbox 弹出窗口 插件 支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。 通过CSS 控制外观,使用用户可以很容易重新定制外观。 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。 ...

    JQuery弹出窗口小插件ColorBox

    综上所述,`jQuery ColorBox`以其灵活的配置、丰富的功能和出色的用户体验,成为了网页开发中弹出窗口解决方案的首选之一。无论你是新手还是经验丰富的开发者,都可以轻松上手并充分利用这个插件来提升你的项目品质...

    jquery colorbox遮罩的使用

    《jQuery Colorbox 遮罩的使用详解》 在网页设计和开发中,弹出框是一种常见的交互元素,用于展示详细信息或者进行特定操作。jQuery Colorbox 是一款强大的轻量级插件,它提供了优雅的图片、iframe、inline 内容、...

    colorBox Jquery实现的弹出页面

    ColorBox是一个基于jQuery 1.3 的轻量级,自定义灯箱插件,功能非常强大,支持图片,图片组,ajax,inline和iframed内容,灯箱样式完全由用户控制,可自定义CSS样式,不需要改写ColorBox库文件就能重写展示效果设置...

    jquery 超酷的模拟窗口colorbox

    **jQuery Colorbox:超酷的模拟窗口插件** 在网页设计和开发中,提供美观且交互性强的弹出窗口能够极大地提升用户体验。jQuery Colorbox就是这样一款插件,它允许开发者创建出超酷的模拟窗口,用于展示图片、HTML...

    jquery弹出框插件colorBox

    **jQuery ColorBox插件详解** 在网页开发中,弹出框是常见的交互元素,用于显示额外的信息或进行用户交互。jQuery ColorBox是一款高效且可高度定制的弹出框插件,它提供了丰富的功能,使开发者能够轻松创建各种类型...

    colorbox-jquery特效

    Colorbox是一款JavaScript库,通过jQuery框架进行操作,实现了在网页上以弹出层的形式显示内容。它的主要功能包括图片画廊、iframe嵌入、HTML内容展示、视频播放等,能够无缝集成到现有的网页项目中。 2. **安装与...

    jQery图片展示效果colorbox带实例

    在这个例子中,`.example`类的链接会触发Colorbox效果,用户点击后会在当前页面上弹出一个全屏的图片展示窗口。`rel`属性用于指定一组图片的分组,使得用户可以在同一弹窗中浏览这些图片。`width`和`height`属性可以...

    Colorbox - a jQuery lightbox

    ### Colorbox - a jQuery Lightbox #### 简介 Colorbox 是一款基于 jQuery 的轻量级、可自定义的灯箱插件。它能够帮助网站开发者轻松地为图像、分组图片、幻灯片、AJAX 内容、内联内容及 iframe 内容添加美观的弹出...

    ColorBox灯箱,jQuery相册查看控件,仿QQ相册,ajax

    《ColorBox:jQuery相册查看控件的深度解析与应用》 ColorBox是一款基于jQuery的轻量级灯箱插件,它以其优雅的界面、强大的功能和良好的用户体验,被广泛应用于网页中的图片、iframe、HTML内容等的弹出展示。这款...

    jquery.colorbox-min.js

    jquery.colorbox-min.js

    colorbox jQuery组件

    ColorBox是一个基于jQuery 1.3 的轻量级,自定义灯箱插件,功能非常强大,支持图片,图片组,ajax,inline和iframed内容,灯箱样式完全由用户控制,可自定义CSS样 式,不需要改写ColorBox库文件就能重写展示效果设置...

    jquery弹窗插件colorbox绑定动态生成元素的方法

    在这种情况下,常规的事件绑定方式,如`$(document).ready()`或`$(selector).click()`等,可能无法有效地对这些动态元素应用Colorbox插件。这是因为这些方法只会在文档加载完成时执行一次,不会关注后续动态添加的...

Global site tag (gtag.js) - Google Analytics