[原创]Bootstrap v3 Dropdown用法DEMO

来源:Linuxeden 作者:zhangkai
  

 小编在学习BS V3 结果下拉事件始终无法触发 结果原文的一句 话提醒了我:All dropdown events are fired at the .dropdown-menu's parent element.

好吧parent element不是兄弟元素 是父元素 。

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5.      
  6.    <title>Bootstrap 实例 - 下拉菜单(Dropdown)插件方法 v3.3.5测试</title> 
  7.    <link href="./css/bootstrap.min.css" rel="stylesheet"> 
  8.    <script src="./js/jquery.min.js"></script> 
  9.    <script src="./js/bootstrap.min.js"></script> 
  10.    <script> 
  11.    $(function(){  
  12.   $('#dropdownparent').on('show.bs.dropdown', function () {  
  13.      alert("beforeshow");  
  14.   });  
  15.   $('#dropdownparent').on('hidden.bs.dropdown', function () {  
  16.      alert("closed");  
  17.   });  
  18.    });   
  19.    </script> 
  20. </head> 
  21. <body> 
  22.  
  23. <div class="dropdown" id="dropdownparent"> 
  24.  <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
  25.   Dropdown trigger  
  26.   <span class="caret"></span> 
  27.  </button> 
  28.  <ul class="dropdown-menu" aria-labelledby="dLabel"> 
  29.   <li>1</li> 
  30.   <li>1</li> 
  31.  </ul> 
  32. </div> 
  33. </body> 
  34. </html> 

 


时间:2015-08-26 09:20 来源:Linuxeden 作者:zhangkai 原文链接

好文,顶一下
(0)
0%
文章真差,踩一下
(0)
0%
------分隔线----------------------------


把开源带在你的身边-精美linux小纪念品
无觅相关文章插件,快速提升流量