2012-04-23 9 views
2

idTabs jQueryプラグインを使用すると、タブをクリックしたときに呼び出される関数をどのように追加しますか?ドキュメントは、この氏は述べています(ただし、何の例を示していない):jQuery idTabsプラグインタブクリック機能

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

に期待しますほぼそこに。

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

それとも、無名関数を使用することができます:

$('.idTabs').idTabs({ 
    click: function(id, all, container, settings){ 
     alert('tabChanged'); 
     return true; 
    } 
}); 
をあなたは好きでそれを行うことができます