jQuery TabData: возможно ли получить данные ClickedTab вместо индекса?

У меня есть дизайн 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.

Как я могу это сделать?

11.12.2008 05:12:30
2 ОТВЕТА

Можете ли вы уточнить, что вы имеете в виду?

Если вы измените это:

<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

1
11.12.2008 05:30:26

Надеюсь, это означает, что у вас работает другая часть. Основываясь на предыдущем примере, это возможно:

  $(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>

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

0
11.12.2008 14:16:27