2011-11-03 229 views
0

我正在使用jquery colorbox弹出窗口,但点击链接后需要太多的时间和浏览器缓慢工作。这一点只有IE7 u能帮助我 我的代码是colorbox加载问题ie7

 
jQuery(document).ready(function() { 
    jQuery('.contact-form').click(function(){ 
     jQuery(this).colorbox({ onClosed:true, width: 652, height: 460, inline:true, href:  "#appliction_form" , scrolling: false}); 
    }); 

}); 

回答

0

不知道你要去哪里错了,因为我无法重现的错误。使用你在测试页面中的代码,IE7工作正常,没有你提到的延迟。不过,我可以提供一些指针。

首先,onClosed选项需要在colorbox关闭时运行一个函数,因此您可以删除onClosed:true,因为它被忽略。

此外,尽管将colorbox调用放置在点击处理程序中并不会造成伤害,但按正常方式使用colorbox并不是必需的。通过这种“彩盒方式”,你可以减少几毫秒的执行时间和几个字节。不是很有趣,真的,但更重要的是你的代码精简,更具可读性:

$('.contact-form').colorbox({width: 652, height: 460, inline: true, href: "#appliction_form", scrolling: false}); 

最后,您可以使用jQuery("#selector"),但同样可以使你的代码,只要使用$("#selector")精简。在jQuery中,jQuery == $

我怀疑这会解决你的问题,但从那里开始,然后mabye你也可以发布你用于链接到colorbox和你的窗体的HTML。您也可以考虑制作一个jsfiddle,以便我们看到实际的错误。