Question

jQuery 1.7.1 - 我想获取之前选择的选项卡的索引。例如：如果我从1st移动到第3个选项卡，我想将之前选择的选项卡索引设为0.如何实现此目的？

我尝试了this，但这没效果。

我有以下标记，

<div id="tabs">
   <ul>
      <li><a href="t1" title="content">Gallery</a></li>
      <li><a href="t2" title="content">Polls</a></li>
      <li><a href="t3" title="content">Events</a></li>
   </ul>
   <div id="content"></div>
</div>

的Javascript，

$('#tabs').tabs(  {
    select: function(e, ui) {
    var t = $(e.target);
    alert( "Index " + t.data('selected.tabs') );
    return true;
}});

Answer 1

当select或show callbacks触发时，您只能使用ui.index获取当前选定的标记。您最好的选择是跟踪该索引并在选项卡切换时更新它，这将在更新之前告诉您之前的索引。

var previousIndex = 0;
$('#tabs').tabs(  {
    select: function(e, ui) {
        //do whatever you need to do with previousIndex
        alert("The previously selected tab index was " + previousIndex);
        //track the new index
        previousIndex = ui.index;
    } 
});

Answer 2

你可以用 $(this).tabs('option', 'selected') 在选择：选项

像

$("#tabs").tabs({
      select: function(event, ui){
          console.log($(this).tabs('option', 'selected')}
      )}
});

jQuery选项卡 - 获取以前选择的选项卡的索引

2 个答案: