bootstrap 選單導航選單nav li滑鼠移入hover下拉顯示

龐順龍發表於2019-05-11
boot

bootstrap 選單導航選單nav li滑鼠移入hover下拉顯示，不用再點選下來顯示了。 

/**
* 滑鼠劃過就展開子選單，免得需要點選才能展開
*/
function dropdownOpen() {
    var $dropdownLi = $('li.dropdown');
    $dropdownLi.mouseover(function () {
        $(this).addClass('open');
    }).mouseout(function () {
        $(this).removeClass('open');
    });
}



在頁面ready事件呼叫即可 

$(function () {
    dropdownOpen();
});

內容均為作者獨立觀點，不代表八零IT人立場，如涉及侵權，請及時告知。

相關文章