2

idTabs jQuery プラグインを使用する場合、タブがクリックされたときに呼び出される関数をどのように追加しますか? ドキュメントには次のように書かれています(ただし、例はありません):

click (function) 
Function will be called when a tab is clicked. ex: $(...).idTabs(foo) 
If the function returns true, idTabs will show/hide content (as usual). 
If the function returns false, idTabs will not take any action. 
The function is passed four variables: 
  The id of the element to be shown 
  an array of all id's that can be shown 
  the element containing the tabs 
  and the current settings 

私のコード:

<ul class="idTabs"> 
  <li><a href="#jquery">jQuery</a></li> 
  <li><a href="#official">Tabs 3</a></li> 
</ul> 
<div id="jquery">If you haven't checked out ...</div> 
<div id="official">idTabs is only a simple ...</div>

function tabChanged(id, tabs, parent, settings) {
    alert('tabChanged');
    return true;
}

$(".idTabs").idTabs(tabChanged);

タブをクリックしても何も起こりません - 警告メッセージが表示されるはずです

4

1 に答える 1

4

あなたはほとんどそこにいます。次のように実行できます。

$(".idTabs").idTabs({click: tabChanged});

または、無名関数を使用できます。

$('.idTabs').idTabs({
    click: function(id, all, container, settings){
        alert('tabChanged');
        return true;
    }
});
于 2012-09-23T00:29:07.147 に答える