Bootstrap鼠标悬停展开子菜单

Bootstrap中的导航条默认鼠标点击才会显示子菜单，可以通过如下脚本修改默认行为，使得鼠标悬停展开子菜单

 <script>
  $(function(){
    //鼠标移入和移出，显示或隐藏子菜单
    $("li.dropdown").mouseover(function () {
      $(this).children(".dropdown-menu").show();
    }).mouseout(function () {
      $(this).children(".dropdown-menu").hide();
    });
    //点击子菜单项的时候隐藏子菜单
    $(".dropdown-item").click(function () {
        $(this).parent(".dropdown-menu").hide();
    });
  });
</script>