码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 下拉菜单

时间:2018-06-04 11:48:29      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:boot   代码   str   down   mod   strong   bootstrap   rop   start   

 
  1. <div class="dropdown">  
  2.     <button data-toggle="dropdown">按钮</button>  
  3.     <ul class="dropdown-menu">  
  4.         <li>简单的下拉菜单</li>  
  5.     </ul>  
  6. </div>  

如果需要在页面加载时,提前显示下拉的菜单,可以使用下面方法

$("button").dropdown(‘toggle‘)

 

另外可以在下拉菜单执行时,定义一些事件

 

show.bs.modal        

shown.bs.modal      

hide.bs.modal           

hidden.bs.modal        

 

 

$(".dropdown").on("show.bs.dropdown",function(){

alert("需要执行的代码")
})

Bootstrap 下拉菜单

标签:boot   代码   str   down   mod   strong   bootstrap   rop   start   

原文地址:https://www.cnblogs.com/d-laowu/p/9131723.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!