5

ページでJavaScript関数を実行したいのですが、タブが表示されている場合のみです。

実際に2つの質問があります。私はajaxタブを使用していないので、タブが表示された後にのみコードを実行したい場合は、JavaScriptを「load」または「show」コールバックに入れますか？

上記の答えに応じて、私のコードは次のことを達成するためにどのように見えるでしょうか？

こんな感じにしたい

  • タブ1が表示/ロードされたとき
  • ->ここにJavaScriptを挿入
  • tab2が表示/ロードされたとき
  • ->ここに別のJavaScriptを挿入
  • tab3が表示/ロードされたとき
  • ->ここに別のJavaScriptを挿入
  • 等
4

1 に答える 1

2

ちょっとした推測：

$('#foo').tabs({
    show: function(event, ui) {
        if(ui.index == 0)
        {
         //tab 1 is clicked
        }
        else if(ui.index == 1)
        {
         //tab 2 is clicked
        }
        else if(ui.index == 2)
        {
         //tab 3 is clicked
        }
    }
});

else ifs の代わりにスイッチを使用することもできます :)
編集: jQuery で変更されたように変更されましたonShow。show

于 2009-10-05T19:46:59.533 に答える