jQuery TabData：是否可以获取ClickedTab数据，而不是索引？

Question

我已经设计TabMenu像下面

<script type="text/javascript"> 
    $(function() { 
     $('#container-1').tabs(); 
     $('#container-2').tabs(); 
    } 
</script> 

..... 
<div id="container-1"> 
    <ul> 
    <li><a href="#fragment-1"><span id="start">First</span></a></li> 
    </ul> 
</div> 
<div id="container-2"> 
    <ul> 
    <li><a href="#fragment-1"><span id="end">Last</span></a></li> 
    </ul> 
</div> 
..... 

是否有可能得到ClickedTab数据，而不是指数？就像ClickTab首先是#fragment1一样。否则，如果ClickTab是最后的，#fragment2。

我该怎么做？

Answer 1

你能澄清你的意思吗？

如果更改此：

<li><a href="#fragment-1"><span id="end">Last</span></a></li> 

到：

<li><a href="#fragment-2"><span id="end">Last</span></a></li> 

然后当你点击它，它会加载＃片段2。

如果你真的想获取单击标签的数据，那么你可以挂接到tabsselect事件

$('.ui-tabs-nav').bind('tabsselect', function(event, ui) { 
//ui.panel is a dom element that contains the contents of the clicked tab. 
} 

而且在Jquery UI docs

Answer 2

我希望这意味着你得到了其他阅读可用部分工作。构建前面的例子，这是可能的：

$(document).ready(function() { 
     $('#container-1').tabs({ 
      selected : function(e, ui) { 
      if ($($("a", e.target).get(ui.index)).attr('href') == '#fragment-1') { 
       alert('First clicked!'); 
      } 
      }   
     }); 
    }); 
    .... 
    <div id="container-1"> 
     <ul> 
      <li><a href="#fragment-1"><span>Home</span></a></li> 
      <li><a href="#fragment-2"><span>Contact</span></a></li> 

     </ul> 
    </div> 

最终它可能是更好的使用索引，因为这需要你知道一点的标签实现细节，你可以使用一个开关来处理逻辑为每个标签。但是，如果您觉得内容更适合您的需求，那么应该可以很好地工作。