默認(rèn)的bootstrap的二級(jí)或多級(jí)菜單是點(diǎn)擊才出現(xiàn)的。那么如果你想點(diǎn)擊時(shí)跳轉(zhuǎn)頁面,就只能是實(shí)現(xiàn)點(diǎn)擊出現(xiàn)下拉菜單,頁面跳轉(zhuǎn)失效。
如何實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)頁面,鼠標(biāo)滑過出現(xiàn)下級(jí)菜單呢??
你就需要修改Bootstrap.js里面的一個(gè)js。直接禁用點(diǎn)擊下拉
$(document).ready(function(){
$(document).off('click.bs.dropdown.data-api');
});
鼠標(biāo)滑過的效果就可以直接用css來寫。
.nav > li:hover .dropdown-menu { display: block; }
這樣實(shí)現(xiàn)了懸停下拉,然后頂級(jí)欄目點(diǎn)擊也能有效了!