-
$(function(){ $(".btn").click(function(){ $("#mymodal").modal("参数"); }); $('#mymodal').on('事件',function(){ alert("aaaaa")//我们的操作 }) }); 1.参数toggle与事件show.bs.modal或事件shown.bs.modal配合使用时，点击按钮先弹出alert中的提示，再显示模态窗，点击关闭alert不再显示 2.参数toggle与事件hide.bs.modal或事件hidden.bs.modal配合使用时，点击按钮先弹出模态窗点击关闭再弹出alert提示 3.参数show与事件show.bs.modal配合使用时，点击按钮先弹出alert提示再弹出模态窗，点击关闭再次显示alert提示 4.参数show与事件shown.bs.modal配合使用时，点击按钮先弹出alert提示再弹出模态窗，点击关闭不再显示alert提示 5.参数hide与事件hide.bs.modal配合使用时，点击按钮弹出alert提示，不再显示模态窗 6.参数hide与事件hidden.bs.modal配合使用时，点击按钮没有任何显示查看全部
-
<div class="modal fade " id="mymodal"> <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-transition.js"></script> <script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-modal.js"></script>查看全部
-
$(function(){ $(".btn").click(function(){ $("#mymodal").modal("toggle"); }); }); toggle() 方法切换元素的可见状态。 如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素查看全部
-
好好好好好好好好好好好好好好好好好好好好好好好好好查看全部
-
急急急highhighhigh好好好好好查看全部
-
将tabIndex赋值为-1，则在使用[Tab]键时，此元素被忽略。 在添加modal-lg/sm的父元素上也要添加bs-example-modal-lg/sm，不然模态弹出窗将无法显示查看全部
-
这节要注意逗号别忘了，用来隔开设置的参数！查看全部
-
弹出框--提示框和弹出框的异同 从之前的学习可知，弹出框中HTML自定义的 data 属性和提示框中的自定义的 data 属性基本相同，只不过在其基础上增加了一个 data-content 属性，用来设置弹出框的内容。其实两插件也有略微的不同： 提示框 tooltip 的默认触发事件是 hover 和 focus，而弹出框 popover 是 click 提示框 tooltip 只有一个内容(title)，而弹出框不仅可以设置标题（title）还可以设置内容(content) 两个插件的显示模板不同： 提示框tooltip的模板： <div class="tooltip" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"></div> </div> 弹出框popover的模板： <div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> </div>查看全部
-
滚动监控器--滚动监控器的设计: 第一步：使用滚动监控器，首要的条件是在页面中加载对应的插件。在这里你可以加载合并好的bootstrap.js或者其独立的插件文件scrollspy.js 第二步：设计一个带有下拉菜单的导航条。分别为导航条和下拉菜单项定义一个锚点链接，锚点分为“#blog”,“html”,“#css”,“#sass”,“#js”,“php”,“#about”。同时为导航条定义一个id值“navbar-menu”（id名称可自由定义），方便滚动监控。 第三步：设计监控对象。这里将监控对象内容都放置在一个div名为scrollspy（这个类名可自由定义）的容器中，其中放了多个子内容框。每个子内容框有一个标题，而且每个标题的ID值与导航菜单项中的锚点链接名相对应，并且注意加入“data-target="#navbar-menu"”属性（这个属性值要与前面的nav标签的id名称保持一致） 第四步：为监控对象定义样式，设置容器scrollspy大小（设置高度目的是为了产生垂直滚动条）。查看全部
-
tranisition查看全部
-
除了这种方法之外，还可以直接在body上进行滚动条监控，此时要将滚动监控器移到body上，而且导航nav一定要在body内部。如下所示： <body data-spy="scroll" data-target="#navbar-menu"> <div class="navbar navbar-default navbar-fixed-top" id="navbar-menu"> </div> <h3 id="blog">Blog</h3> <p>…</p> </body> 注意：导航条必须设置为顶部固定样式（navbar-fixed-top）。查看全部
-
不过使用该参数，每次单击都要两次toggle，就会一直是一个不变的状态。所以，一般情况下，使用示例中不带参数的方法。就算你需要使用参数“toggle”，也建议使用jQuery的one方法： $(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); })查看全部
-
data-backdrop="static" data-keyboard="false"等属性写在 calss=“modal”标签中查看全部
-
默认情况之下，Bootstrap框架中以下组件使用了过渡动画效果： 模态弹出窗（Modal）的滑动和渐变效果； 选项卡（Tab）的渐变效果； 警告框（Alert）的渐变效果； 图片轮播（Carousel）的滑动效果。查看全部
-
最简单的触发方式如下： $(function(){ $('[data-toggle="tooltip"]').tooltip(); });查看全部
举报
0/150
提交
取消