如何检查哪个选项卡窗格处于活动状态

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-pane和questions.tab-pane）

现在我需要根据哪个标签处于活动状态来指定某些操作。如何编写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");
}