Question

标签的HTML结构：

<div class="txtabs-content">
<div id="tabs-e-0" class="txtabs-pane active in fade-slide"></div>
<div id="tabs-e-1" class="txtabs-pane fade-slide"></div>
<div id="tabs-e-2" class="txtabs-pane fade-slide"></div>
</div>

在页面上，第一个选项卡将打开。当我将网址设置为http://link#tabs-e-1时，第二个标签页将会打开。

有没有办法用jQuery实现这个目的，删除第一个活动类并将其添加到第二个活动类？

Answer 1

您可以使用window.location.hash从网址中选择元素ID，然后将该类添加到该元素

$( document ).ready(function() {
      $('.txtabs-pane').removeClass('active in');
      var hash = window.location.hash;
      $(hash).addClass('active in');
    });

Answer 2

$( document ).ready(function() {
  $('.txtabs-pane').removeClass('active in');
  var hash = window.location.hash;
  $(hash).addClass('active in');
});

Answer 3

您可以尝试以下代码（来自此SO Q/A）：

$("#tabs").tabs({
     select: function(event, ui) {                   
          window.location.hash = ui.tab.hash;
     }
});

根据选项卡jQuery上的URL更改类

3 个答案: