如何檢查哪個選項卡窗格處於活動狀態

Question

我已經使用HAML創建了一個標簽窗格，如下面的代碼片段所示（2個標簽）

//tabs
tab-content
  .muses.active.tab-pane
    .muse_header
      %h3
    %ul.muses
    .center
      %button.btn#get_more_answers.hide Fetching Content
  .questions.tab-pane
    .question_header
      %h3
    %ul.questions

如上所示，我有2個標簽（.muses.active.tab窗格和questions.tab窗格）

現在，我需要根據活動的選項卡指定某些操作。 如何編寫if語句以確定哪個選項卡窗格在某個時間點處於活動狀態？

Answer 1

如果您使用的是jQuery框架，則可以使用以下命令$('.active.tab-pane')找到活動標簽

您可以通過如下檢查該選項卡的類別來檢查活動選項卡是否為繆斯或問題：

if($('.active.tab-pane').hasClass('muses')){
  alert("its muses tab");
} else if($('.active.tab-pane').hasClass('questions')){
  alert("its questions tab");
}