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

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

0 голосов
/ 11 декабря 2008

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

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

Ответы [ 2 ]

1 голос
/ 11 декабря 2008

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

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

<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

0 голосов
/ 11 декабря 2008

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

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

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

...