首頁猿問檢查下拉菜單引導(dǎo)程序的狀態(tài)

檢查下拉菜單引導(dǎo)程序的狀態(tài)

JavaScript

慕森卡 2021-12-02 16:22:37

我想使用 jQuery 打開和關(guān)閉下拉菜單。我檢查了這個問題，但它只是關(guān)于開放。如何以編程方式打開 Bootstrap 下拉菜單我找到了這兩個命令來打開和關(guān)閉它。$('.dropdown-menu').show();$('.dropdown-menu').close();但是，我如何知道下拉列表的當(dāng)前狀態(tài)？如果打開，我想點擊關(guān)閉，如果關(guān)閉，我想點擊打開。

查看完整描述

2 回答

尚方寶劍之說

TA貢獻1788條經(jīng)驗獲得超4個贊

如果您查看文檔，則有一種方法toggle可以同時打開和關(guān)閉。顧名思義，它基本上在狀態(tài)之間“切換”。

你像這樣使用它：

$('#example').dropdown('toggle');

但我建議您升級使用引導(dǎo)4，因為這增加了許多新功能，負(fù)載，包括幾種新方法的dropdown。

使用新方法，您可以將兩個操作分開：

$('#example').dropdown('show');

$('#example').dropdown('hide');

要確定任一版本的當(dāng)前狀態(tài)，您可以利用aria-expanded下拉<a>切換開關(guān)上的屬性。此屬性根據(jù)它是打開還是關(guān)閉來更改它的布爾值。

您可以創(chuàng)建一個if語句檢查，例如：

if($("#example .dropdown-toggle[aria-expanded='true'") {

// dropdown open, so we can close it now.

}

反對回復(fù) 2021-12-02

倚天杖

TA貢獻1828條經(jīng)驗獲得超3個贊

您可以收聽事件：

// var to be visible in the global scope

var status = false; // default hidden

$('#myDropdown').on('hidden.bs.dropdown', () => status = false)

$('#myDropdown').on('shown.bs.dropdown', () => status = true)

稍后您可以檢查該status值；

反對回復(fù) 2021-12-02

2 回答
0 關(guān)注
167 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

檢查下拉菜單引導(dǎo)程序的狀態(tài)

檢查下拉菜單引導(dǎo)程序的狀態(tài)

2 回答

添加回答