//關(guān)閉click.bs.dropdown.data-api事件，使頂級(jí)菜單可點(diǎn)擊

$(document).off('click.bs.dropdown.data-api');

//自動(dòng)展開(kāi)

$('.nav .dropdown').mouseenter(function(){

 $(this).addClass('open');

});

//自動(dòng)關(guān)閉

$('.nav .dropdown').mouseleave(function(){

 $(this).removeClass('open');

});

這種方法不僅頂級(jí)菜單可以點(diǎn)擊，而且樣式也不會(huì)丟，而且能解決Bootstrap鼠標(biāo)懸停的問(wèn)題，推薦大家使用。

您可能感興趣的文章:

相關(guān)文章

原生JS進(jìn)行前后端同構(gòu)
本文通過(guò)實(shí)例給大家分享了原生JS進(jìn)行前后端同構(gòu)的相關(guān)知識(shí)點(diǎn)以及相關(guān)代碼，有需要的朋友參考學(xué)習(xí)下。
2018-04-04
D3.js實(shí)現(xiàn)繪制折線圖的教程詳解
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)D3.js實(shí)現(xiàn)繪制折線圖，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)D3.js有一定的幫助，需要的可以參考一下
2022-11-11
javascript getElementsByClassName實(shí)現(xiàn)代碼
根據(jù)元素clsssName得到元素集合的函數(shù)，需要的朋友可以參考下。
2010-10-10
JavaScript實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單表單驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
文本框倒敘輸入讓輸入框的焦點(diǎn)始終在最開(kāi)始的位置
所謂的文本框倒敘輸入是指輸入框的焦點(diǎn)始終在最開(kāi)始的位置，下面是具體的實(shí)現(xiàn)，感興趣的朋友可以學(xué)習(xí)下
2014-09-09
bootstrap modal彈出框的垂直居中
這篇文章主要為大家詳細(xì)介紹了bootstrap modal彈出框的垂直居中，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
javascript 實(shí)現(xiàn)文本使用省略號(hào)替代（超出固定高度的情況）
這篇文章主要介紹了javascript 實(shí)現(xiàn)文本使用省略號(hào)替代（超出固定高度的情況）的相關(guān)資料,需要的朋友可以參考下
2017-02-02
Valerio 發(fā)布了 Mootools
Valerio 發(fā)布了 Mootools...
2006-09-09
TypeScript創(chuàng)建一個(gè)簡(jiǎn)單Web應(yīng)用
這篇文章主要為大家介紹了TypeScript創(chuàng)建一個(gè)簡(jiǎn)單Web應(yīng)用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-05-05
js實(shí)現(xiàn)功能比較全面的全選和多選
本文主要分享了js實(shí)現(xiàn)功能比較全面的全選和多選的示例代碼，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03