0

我有一个 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 值。除了在每次点击时检查此属性之外，还有其他方法吗？

4

1 回答 1

0

这可能是一个简单的答案，但是您是否考虑过在每个上实现 onClick 事件<a>？我可以使用 Ajax 请求或您需要的任何东西来触发 js 方法，而无需在 activate 函数上编写嵌套的 if。

于 2013-09-05T17:19:53.687 回答