jquery-plugins - jQuery idTabs插件选项卡单击功能

使用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);

单击选项卡没有任何反应-我希望看到一条警告消息

最佳答案

你快到了您可以这样做：

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

或者，您可以使用匿名函数：

$('.idTabs').idTabs({
    click: function(id, all, container, settings){
        alert('tabChanged');
        return true;
    }
});