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属性

回答

相关问题