我已经在论坛上搜索了相关主题,但是遇到的解决方案不起作用。

我使用Bootstrap显示带有两个选项卡的选项卡组。
我需要选项卡1在星期一至星期五自动激活,选项卡2在星期六至星期日激活。

这是我的HTML:

 <ul class="cat_filter nav nav-tabs right" role="tablist">
  <li role="presentation" class="active"><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Tab #1</a></li>
  <li role="presentation"><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">Tab #2</a></li>
  </ul>

<div class="tab-content">
  <div id="tab1" role="tabpanel" class="tab-pane fade in active woocommerce">Some content</div>
  <div id="tab2" role="tabpanel" class="tab-pane fade woocommerce">Some content</div>
</div>


我已经尝试过以下线程,但它们对我不起作用:
Weekday jQuery UI Tabs open on current day
load correct day of the week inside accordion gallery

最佳答案

请尝试以下方法:

<?php if(date('l') == 'saturday' || date('l') == 'sunday'){ //l is smallcase L not number 1
  $day = 'tab2';
  }else{
  $day = 'tab1';
}
?>
<ul class="cat_filter nav nav-tabs right" role="tablist">
  <li role="presentation" class="<?php if($day == 'tab1'){echo 'active';}?>"><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Tab #1</a></li>
  <li role="presentation" class="<?php if($day == 'tab2'){echo 'active';}?>"><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">Tab #2</a></li>
</ul>
<div class="tab-content">
  <div id="tab1" role="tabpanel" class="tab-pane fade in active woocommerce">Some content</div>
  <div id="tab2" role="tabpanel" class="tab-pane fade woocommerce">Some content</div>
</div>

10-05 20:49
查看更多