欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

让bootstrap 的下拉菜单变成鼠标晃过后自动下拉 有大用

博主最近在用bootstrap框架做前端的页面,但是bootstrap的下拉菜单为了兼容移动适配 不是鼠标移上去后就自动下拉的。特此分享给大家,bootstrap下拉菜单使用方式

方法/步骤

 
  1. 1

    下载bootstrap框架

  2. 2

    博主最近在用bootstrap框架做前端的页面,但是bootstrap的下拉菜单为了兼容移动适配 不是鼠标移上去后就自动下拉的。

    对于 bootstrap 3.3 版本(博主使用的版本),加上下面代码即可。

    <script>    

    $('li.dropdown').mouseover(function() {   

         $(this).addClass('open');    }).mouseout(function() {        $(this).removeClass('open');    }); 

    </script>

    其中li,dropdown 是官网给的事例中的li标签的 class属性。经过博主测试为有效代码哦~~

    END
 
普通分类: