-
注意jQuery版本查看全部
-
1查看全部
-
$(function(){ $(".btn").click(function(){ $("#mymodal").modal({ keyboard:true, backdrop:"static", show:true, remote:"" }); }); });查看全部
-
JavaScript触发方法模态弹出窗：通过给一个元素一个事件，来触发； 自定义属性触发模态弹出框：通过 data-相关属性； 但两者都用到方法modal()，必须引入“bootstrap.min.js”查看全部
-
第六步，定义data-parent属性，实现点击一个其中一个元素时，关闭所有的折叠区，再打开所单击的区域（如果所单击区域是展示的，则会关闭）。这个data-parent取值与手风琴面板容器的标识符相匹配，比如这个例子是指 #myAccordion：查看全部
-
第五步，激活手风琴交互行为。要完成交互行为，需要在标题链接中自定义两个属性，一个是data-toggle，并且取值为collapse；另一个是data-target，取值为各个面板内容区的标识符，比如说ID，在这个例子分别是#panel1、#panel2和#panel3：查看全部
-
属性声明方法：data-toggle="dropdown" JavaScript触发方法： $(function(){ $(".dropdown-toggle").dropdown("toggle"); })查看全部
-
下拉菜单 ul class="nav nav-pills"> <li><a href="##">教程</a></li> <li class="active"><a href="##">前端论坛</a></li> <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" role="button" data-target="##" id="tutorial2">关于我们<span class="caret"></span></a> <ul class="dropdown-menu" role="menu" aria-labelledby="tutorial2"> <li><a href="##">团队成长</a></li> <li><a href="##">leader成员</a></li> <li><a href="##">活动</a></li> </ul> </li> </ul> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>查看全部
-
动画过渡（transitions）插件使用: <script src="http;//libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http;//cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-modal.js"></script>查看全部
-
模态框查看全部
-
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".emodal"> 点击我会弹出模态弹出框 </button> <div class="modal fade emodal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">模态弹出窗标题</h4> </div> <div class="modal-body"> <p>模态弹出窗主体内容</p></div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div>查看全部
-
上述单独插件的下载可到github去下载（https://github.com/twbs/bootstrap）。查看全部
-
JavaScript触发的弹出窗代码： $(function(){ $(".btn").click(function(){ $("#mymodal").modal(); }); });查看全部
-
动画过渡（Transitions）:对应的插件文件“transition.js” 模态弹窗（Modal）:对应的插件文件“modal.js” 下拉菜单（Dropdown）：对应的插件文件“dropdown.js” 滚动侦测（Scrollspy）：对应的插件文件“scrollspy.js” 选项卡（Tab）：对应的插件文件“tab.js” 提示框（Tooltips）：对应的插件文件“tooltop.js” 弹出框（Popover）：对应的插件文件“popover.js” 警告框（Alert）：对应的插件文件“alert.js” 按钮（Buttons）：对应的插件文件“button.js” 折叠/手风琴（Collapse）：对应的插件文件“collapse.js” 图片轮播Carousel：对应的插件文件“carousel.js” 自动定位浮标Affix：对应的插件文件“affix.js”查看全部
-
dropdown查看全部
举报
0/150
提交
取消