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浏览器的如下
相关文章推荐
- 初步使用bootstrap快速创建页面
- 前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存
- 解决bootstrap和jquey中的.button扩展冲突的问题。
- bootstrap 带有时分秒的日期控件
- bootstrap 框架学习笔记
- [转]how to split the ng-repeat data with three columns using bootstrap
- bootstrap-treeview
- bootstrap双日期选择插件
- python学习笔记-Day16-bootstrap
- bootstrap样式使用标准(转)
- bootstrap3.3 兼容IE8处理方法
- 从Bootstrap中分离出tab组件的样式
- datetimepicker设置默认视图为年视图
- bootstrap model弹出框的使用
- 下拉搜索 bootstrap combox 搜索建议插件
- bootstrap-table中文文档(页疑翻译)
- 百度官方CDN公共库(jquery、dojo、Bootstrap)
- Bootstrap 库
- 如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
- Bootstrap每天必学之导航条(二)