已解決430363個問題，去搜搜看，總會有你想問的

Bootstrap關閉響應式菜單“單擊”

首頁猿問 Bootstrap關閉響應式菜單&...

Bootstrap關閉響應式菜單“單擊”

JavaScript Html/CSS

慕桂英546537 2019-10-26 12:51:22

在“產品”上，點擊我將白色div向上滑動（如附件所示）。在響應式（移動設備和平板電腦）中，我想自動關閉響應式導航欄，僅顯示白色欄。我試過了：$('.btn-navbar').click(); 還嘗試了：$('.nav-collapse').toggle();它確實有效。但是，在桌面大小上，它也被稱為“菜單”，并在菜單上縮小了一秒鐘。有任何想法嗎？

查看完整描述

3 回答

慕村9548890

TA貢獻1884條經驗獲得超4個贊

我已將其與動畫配合使用！

HTML中的菜單：

<li>

<a href='#somewhere'>Somewhere</a>

</li>

</ul>

</div>

將導航中所有元素上的click事件綁定到折疊菜單（Bootstrap折疊插件）：

$(function(){

var navMain = $("#nav-main");

navMain.on("click", "a", null, function () {

navMain.collapse('hide');

});

編輯為了使其更通用，我們可以使用以下代碼片段

$(function(){

var navMain = $(".navbar-collapse"); // avoid dependency on #id

// "a:not([data-toggle])" - to avoid issues caused

// when you have dropdown inside navbar

navMain.on("click", "a:not([data-toggle])", null, function () {

navMain.collapse('hide');

});

反對回復 2019-10-26

3 回答
0 關注
843 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

Bootstrap關閉響應式菜單“單擊”

Bootstrap關閉響應式菜單“單擊”

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Bootstrap關閉響應式菜單“單擊”

Bootstrap關閉響應式菜單“單擊”

3 回答

相關問題推薦

添加回答