bootstrap使用问题记录1
2016-06-01 09:10
232 查看
背景：bootstrap3，jquery1.11
描述：使用bootstrap自带的由dropdown、dropdown-toggle和dropdown-menu组成的下拉菜单。平常使用都没有问题。
在使用jquery的.load方法（将其他页面动态加载到当前页面的方法）时，发现下拉菜单不能正常使用。
解决1：重新定义下拉菜单的js触发事件.
经过多次试验发现出现该问题的原因为：load的子页面中有<html><head><body>标签，猜测jquery.load方法是将页面的所有html代码加到父页面中，那么页面就存在两个html标签两个body标签，那么bootstrap中的某些方法不能使用也就可以理解。
解决2：将子页面的html、head、body标签去掉
描述：使用bootstrap自带的由dropdown、dropdown-toggle和dropdown-menu组成的下拉菜单。平常使用都没有问题。
在使用jquery的.load方法（将其他页面动态加载到当前页面的方法）时，发现下拉菜单不能正常使用。
解决1：重新定义下拉菜单的js触发事件.
经过多次试验发现出现该问题的原因为：load的子页面中有<html><head><body>标签，猜测jquery.load方法是将页面的所有html代码加到父页面中，那么页面就存在两个html标签两个body标签，那么bootstrap中的某些方法不能使用也就可以理解。
解决2：将子页面的html、head、body标签去掉
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQuery1——基础（$对象，选择器，对象转换）
- bootstrap初试进度条
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- Bootstrap 3.3.4 发布，Web 前端 UI 框架
- 移动端的长按事件
- jquery教程靠边站，一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- angular 指令简述
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码