您的位置:首页 > Web前端 > BootStrap

Bootstrap的轮播图在火狐浏览器中无法显示

2016-03-03 09:09 417 查看

1 描述

在谷歌、IE等浏览器正常的页面,在火狐浏览器中切无法显示轮播图。
火狐浏览器中提示如下:


2 原因

上图的错误信息是使用了轮播图插件,但轮播图里的内容缺失,即Ajax回调函数没有将轮播的信息赋到html中。

3 疑问

疑问1:为什么在其他浏览器中没有出错?
疑问2:为什么Ajax的Complete中输出的状态明明是success为什么不执行,success的回调函数。

真正原因

页面中有两个相同名称的函数。
在index.html页面中有一个AddElementCarousel,
在footPage.html页面中也有一个AddElementCarousel。
(原来后面的添加了一个新的需要-友情链接,同事在为了方便复制了轮播图的回调函数,稍作修改时,忘记了修改函数名称)

至于疑问1,只能说内核不同,导致使用load加载footPage.html的时间不同,
从而导致了只有火狐浏览器中轮播图的回调函数被友情链接的回调函数覆盖了。

4 解决

修改轮播图回调函数的名称,
最好是统一回调函数的名称,如:AddXXX,(XXX为接口名称)。

其实轮播内容缺失在其他浏览器中也会报错,只是提示不同,如360浏览器的如下

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: