jQuery的UI選項卡，ID屬性

爲了演示顯示包含突出部中的元素的jQuery tab documentation提供的例子：jQuery的UI選項卡，ID屬性

$('#example').tabs();

我需要我的網頁上的選項卡的多次出現，從而改變了例子：

$('.example', parentEl).tabs();

父元素只會包含1次出現的標籤元素的，所以這個工作正常。然而，對於每個選項卡的內容要求的ID屬性：

<div class="tabs"> 
    <ul> 
     <li><a href="#One" class="TabLink"><span>One</span></a></li> 
     <li><a href="#Two" class="TabLink"><span>Two</span></a></li> 
    </ul> 
    <div id="One"></div> 
    <div id="Two"></div> 
</div>

由於我將具有多個凸片（來自用戶的事件產生的），我不應該真正被使用ID？

來源

2012-04-22 Jack

請注意，[選擇背景]（http://api.jquery.com/jquery/#selector-context）使用['找到（）'，內部（http://api.jquery.com/找）。所以使用'$（parentEl）.find（'。example'）。tabs（）'會更有效率。 – 2012-04-22 13:45:34

會有動態創建兩個標籤和列表項/錨鏈接到這些標籤？據推測，'a'和'div'元素之間會有1：1的關係？ – 2012-04-22 15:49:02

您應該使用的ID。這是jquery如何確切知道每個選項卡加載的內容。但是，如果您將標識關閉，則會爲每個元素分配一個唯一標識。

來源

2012-04-22 13:40:20

如果我刪除ID屬性，那麼不僅你的選項卡不工作，我也必須去除標籤的href屬性，所以會如何jQuery的什麼現在要顯示的內容？ – Jack 2012-04-22 13:46:25

看起來你是對的，對於靜態選項卡。我正在考慮ajax模式。在這種情況下，每個標籤首次加載時會分配一個唯一的標識。 – 2012-04-22 14:10:09

jQuery的UI選項卡，ID屬性

回答

相關問題