jQuery Tabs - 为特定选项卡实现Ajax负载

Question

我有一个jQuery Tabs元素，允许在平面web应用程序中对模块进行图形分离。目前，应用程序使用的大量数据是静态的，这允许客户端缓存，但未来计划包括更多需要更频繁更新的模块。所以我想要做的是实现一种方法来让特定的选项卡点击ajax查询。

目前，我有这样的事情：

<div id = "tabs"> 
    <ul> 
    <li><a href = "#parentorg_tab">Parent Organizations</a></li> 
    <li><a href = "#client_tab">Clients</a></li> 
    <li><a href = "#county_tab">Counties</a></li> 
    <li><a href = "#vendor_tab">Vendors</a></li> 
    </ul> 
</div> 

其初始化通过

$("#tabs").tabs({ 
    activate : function(event, ui){ 
    if (ui.newTab.attr("aria-controls") == "client_tab"){ 
     getClientOrgs(); 
    } 
    } 
}); 

每个标签包含一个aria-controls属性对应标签的无序列表的href值。除了每次点击检查这个属性，还有其他方法吗？

Answer 1

这可能是一个简单的答案，但是您是否考虑在每个<a>上实施onClick事件？ 我可以使用Ajax请求或任何您需要的js方法来激活，而不必在激活函数中编写嵌套的ifs。