2009-10-05 8 views
5

私のページでJavaScript機能を実行したいのですが、タブが表示されているときだけです。jQuery UIタブを表示する際にJavaScriptを挿入する方法は?

実際には2つの質問があります。私はajaxタブを使用していないので、JavaScriptが 'load'または 'show'コールバックに置かれますか?タブが表示されたらコードを実行するだけですか?私のコードは、次の達成するためにどのように見えるかを上記の回答に応じて

、:

私はタブ1が示されたとき

  • は/
  • をロードし、このようにそれを持っていたいです - >
  • ワットここでは異なるJavaScriptを挿入 - > /ここ
  • TAB2が表示されたときにはJavaScriptを挿入
  • がロード鶏TAB3は
  • ロード/示されている - >が、ここでは異なるJavaScriptを挿入し
  • など

答えて

2

だけ迅速な推測:あなたはまた、他のIFの代わりにスイッチを使用することができ

$('#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 
     } 
    } 
}); 

:)
編集:onShowshowがjQueryで変更されたため変更されました。

+0

遅く返事を申し訳ありません。私は私が近くにいることを知っていた。本当にありがとう。 – Luke

+1

実際、今はちょうど「ショー」です。 –