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。