0

次のように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.

これどうやってするの？

4

2 に答える 2

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>

次に、クリックすると #fragment-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でさらに読むことができます

于 2008-12-11T05:30:26.727 に答える
0

これが、他の部分が機能したことを意味することを願っています。前の例に基づいて構築すると、次のことが可能になります。

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

最終的には、タブの実装の詳細を少し知っている必要があり、スイッチを使用して各タブのロジックを処理できるため、インデックスを使用することをお勧めします。ただし、コンテンツがニーズにより適していると思われる場合は、これで問題なく機能するはずです.

于 2008-12-11T14:16:27.353 に答える