使用“標簽”菜單面板，如何控制“活動”標簽？

Question

我創建了一個引導側邊欄面板作為選項卡導航。 如何控制活動的選項卡？ 我知道有一個“活動”類，但是我實際上如何設置它，所以當您單擊“選項卡”時它將使其活動，以便正確突出顯示？ 這會成為JS / Jquery嗎？ 我猜這是很平常的事情，我只是無法通過stackoverflow或google找到答案。 謝謝！

Answer 1

如果我了解您的要求，則希望在單擊某些內容時應用一個活動的班級。 您可以使用JQuery或JavaScript進行此操作

jQuery的：

首先，給所有選項卡或任何類，說“ foo”。

然后使用這個：

$('.foo').onClick(function(){
    $('.foo').removeClass('active');
    $(this).toggleClass('active');
});

這樣，每當單擊具有“ foo”類的元素時，就會將“ active”類僅添加到THAT ELEMENT中，而不是添加到該類中的所有元素上。 單擊一個具有“ foo”類的元素，它會從上一個具有“ active”類的元素中刪除“ active”類，並將該類提供給僅被單擊的元素。

上面的方法使得只有一個具有“ foo”類的元素可以同時具有“ active”類。 如果您希望它具有多個元素可以具有“ active”類的功能，請從我的代碼示例中刪除第二行。

如果我有誤會，請發表評論，然后我會做些什么。