作者:明卫国 | 来源:互联网 | 2023-05-18 20:02
我在页面上使用jCarouselLitejQueryplugin,但似乎在Firefox3.6中引起了严重的问题.在该浏览器中,页面短暂加载,然后所有内容消失,除了之一.我
我在页面上使用jCarousel Lite jQuery plugin,但似乎在Firefox 3.6中引起了严重的问题.在该浏览器中,页面短暂加载,然后所有内容消失,除了
之一.我正在使用插件的元素.有问题的页面是here.应用轮播的代码:
(我最初使用(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()行,您将看到与您的网站相同的问题.