-
Dropdown插件加载时，对所有带 有“data-toggle=dropdown”样式的元素绑定了事件，用户单击带有“data-toggle=dropdown”样式的链接或按钮时， 会触发JavaScript事件代码。当用户点击带有“data-toggle=dropdown”样式的链接或按钮时，下拉菜单的父容器（上面的示例是 “<li class="dropdown">”）会添加一个open类名，此时下拉菜单显示；再次单击时，JavaScript会删除刚添加的open类 名，此时下拉菜单将隐藏。查看全部
-
被点击的菜单项链接或按钮需要添加自定义属性 data-toggle="dropdown"查看全部
-
和模态弹出窗一样，触发下拉菜单方式有两种，一种是属性声明式用法，另一种是JavaScript方法。查看全部
-
在Bootstrap框架中还为模态弹出窗提供了三种参数设置，具体说明如下： 参数 使用方法 描述 toggle $(“#mymodal”).modal(“toggle”) 触发时，反转模态弹出窗的状态。如果模态弹出窗是显示的，则关闭；反之，如果模态弹出窗是关闭的，则显示 show $(“#mymodal”).modal(“show”) 触发时，显示模态弹出窗 hide $(“#mymodal”).modal(“hide”) 触发时，关闭模态弹出窗查看全部
-
script> $(function(){ $(".btn").click(function(){ $("#mymodal").modal("toggle"); }); $('#mymodal').on('hidden.bs.modal', function(e){ // 处理代码... alert("hello,windows!"); //关闭模态弹出窗时，弹出警示框 }); }); </script>查看全部
-
$('#myModal').on('hidden.bs.modal', function (e) { // 处理代码... })查看全部
-
模态弹出窗还支持四种类型的事件，分别是模态弹出窗的弹出前、弹出后，关闭前、关闭后，具体描述如下： show.bs.modal 在show方法调用时立即触发（尚未显示之前）；如果单击了一个元素，那么该元素将作为事件的relatedTarget属性 shown.bs.modal 该事件在模态弹出窗完全显示给用户之后（并且等CSS动画完成之后）触发；如果单击了一个元素，那么该元素将作为事件的relatedTarget事件 hide.bs.modal 在hide方法调用时（但还未关闭隐藏）立即触发 hidden.bs.modal 该事件在模态弹出窗完全隐藏之后（并且CSS动画漂完成之后）触发查看全部
-
比如你不想让用户按ESC键关闭模态弹出窗，你就可以这样做： $(function(){ $(".btn").click(function(){ $("#mymodal").modal({ keyboard:false }); }); });查看全部
-
data-show="ture/false"初始化时弹出框是否显示 data-keyboard=“”按ESC键是否关闭弹出框 data-backdrop=""是否单击背景时关闭弹出框查看全部
-
data-backdrop="static" 点击背景不会关闭查看全部
-
可通过给“.modal”增加类名“fade”为模态弹出框增加一个过渡动画效果。查看全部
-
data-target可以设置为CSS的选择符，也可以设置为模态弹出窗的ID值，一般情况设置为模态弹出窗的ID值，因为ID值是唯一的值。查看全部
-
toggle中文翻译过来就是触发器查看全部
-
bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss=""查看全部
-
<divclass="modal fade bs-example-modal-sm"tabindex="-1"role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <divclass="modal-dialog modal-sm"> <divclass="modal-content"> ... </div> </div> </div>查看全部
举报
0/150
提交
取消