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方法，而无需在activate函数上编写嵌套ifs。

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

1 个答案: