bootstrap按钮式下拉菜单改为经过触发下拉

代码如下：

<li class="dropdown" role="menu">

  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">下拉菜单</a>

  <ul class="dropdown-menu" role="menu">

     <li><a href="#">子菜单1</a></li>

     <li><a href="#">子菜单2</a></li>

     <li><a href="#">子菜单3</a></li>

     <li><a href="#">子菜单4</a></li>            

  </ul>

</li>

js代码

<script type="text/javascript">

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

        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();

    }, function () {

        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut();

    });

</script>