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> 

В конечном счете это, вероятно, лучше использовать индекс, так как это требует, чтобы вы знали немного деталей реализации вкладки и вы можете использовать переключатель для обработки логики для каждой вкладки , Однако, если вы чувствуете, что контент лучше соответствует вашим потребностям, это должно работать нормально.