Firefox 3.6中的JavaScript破坏了页面

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Firefox 3.6中的JavaScript破坏了页面，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1254字，纯文字阅读大概需要2分钟。

内容图文

我在页面上使用jCarousel Lite jQuery plugin,但似乎在Firefox 3.6中引起了严重的问题.在该浏览器中,页面短暂加载,然后所有内容消失,除了< li>之一.我正在使用插件的元素.

有问题的页面是here.应用轮播的代码：

<script type="text/javascript">

    jQuery(window).load(function() {
        jQuery(".loopnetcarousel").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev"
        });
    });

</script>

(我最初使用(document).ready,但在看到某些人在Firefox 3.6中遇到问题后,用(window).load替换了它,但似乎没有任何改变).

详细信息：如果在按所述方式替换所有页面内容之前停止页面加载,则包括轮播在内的所有内容都可以正常工作.另外,我尝试用另一个替换该轮播脚本,并且发生相同的问题.

解决方法:

看起来问题出在loopnet.com属性的加载方式上. loopnet.com脚本使用document.write创建轮播内容.如果您在Firebug中查看“网络”选项卡,您将看到loopnet.com脚本全部加载了两次.首先在页面加载时,然后在轮播脚本运行时再次.第二次在Firefox中运行document.write会清除整个页面.一个简单的解决方法是在设置轮播代码之前只删除脚本标签. jsFiddle示例：http://jsfiddle.net/fqFH7/7/

 $(function() {
    //remove the scripts so that they are not executed again by the carousel code
    jQuery(".loopnetcarousel script").remove();    

    jQuery(".loopnetcarousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});

尝试注释掉jsFiddle中的remove()行,您将看到与您的网站相同的问题.

内容总结

以上是互联网集市为您收集整理的Firefox 3.6中的JavaScript破坏了页面全部内容，希望文章能够帮你解决Firefox 3.6中的JavaScript破坏了页面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端