阿宁blog
阿宁blog

将您懂的、您知道的全部写在这里

admin2018-03-07 人围观 学习笔记

摘要 改变bootstrap默认的事件,将下拉菜单、滑动门由点击激活,改为移动下拉激活。​

改变bootstrap默认的事件,将下拉菜单、滑动门由点击激活,改为移动下拉激活。

将JS代码添加到</body>之前


<script>
//滑动门避免点击
$().ready(function(e) {
    $(".home_list .nav-tabs>li").mouseover(function () {
        var $li = $(this);
        if ($li.hasClass("active")) { return; }
        $li.addClass("active");
        $li.siblings("li").removeClass("active");
        var tab = $li.find("a").attr("href");
        //---------------
        var $tabs = $("#myTabContent .tab-pane");
        $tabs.removeClass("active").removeClass("in");
        $(tab).addClass("active").addClass("in");
    })
})



//下拉菜单避免点击
$("#home_nav .navbar-nav .dropdown").mousemove(function(){
 $(this).addClass("open");
})
$("#home_nav .navbar-nav .dropdown").mouseout(function(){
 $(this).removeClass("open");
})
</script>