ie7的颜色框加载问题答案

【问题标题】：colorbox loading issue with ie7ie7的颜色框加载问题
【发布时间】：2011-12-20 21:32:18
【问题描述】：

我正在使用 jquery colorbox 弹出窗口，但单击链接后需要花费太多时间并且浏览器运行缓慢。只有ie7会发生这种情况你能帮我吗我的代码是

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

【问题讨论】：

标签： jquery colorbox

【解决方案1】：

不知道你哪里出错了，因为我无法重现错误。使用您在测试页面中的代码，IE7 运行良好，并且没有您提到的延迟。不过，我可以提供一些建议。

首先，onClosed 选项希望在颜色框关闭时运行一个函数，因此您可以删除 onClosed:true，因为它被忽略了。

此外，尽管将 colorbox 调用放在 click 处理程序中并没有什么坏处，但像您一样以正常方式使用 colorbox 时没有必要。通过“彩盒方式”执行此操作，您可以减少几毫秒的执行时间和几个字节。不是很有趣，真的，但更重要的是你的代码更简洁，更易读：

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

最后，您可以使用jQuery("#selector")，但同样您可以使用$("#selector") 使您的代码更精简。在 jQuery 中，jQuery == $.

我怀疑这会解决您的问题，但从那里开始，然后也许您还可以发布您用于链接颜色框和表单的 html。您也可以考虑创建一个jsfiddle，以便我们可以看到正在发生的错误。

【讨论】：