为Ajax Tabs提供唯一ID

Question

好的，这个小提琴是非常基本的。但有点显示我遇到的问题，我故意没有更改ajax标签子ID以突出显示问题。

http://jsfiddle.net/ozzy/u5xyR/1/

基本上，我们有一个包含Ajax标签的页面。在上面的例子中，您将看到。现在，如果您单击联系人，则应该会看到两组子选项卡。

我遇到的问题是：

<div class="tabscontainerTwo">

我们需要动态且经济地生成它，以便我们使用最少量的js并且js将id附加到tab类。

也许我并没有很好地解释这一点。

这是它应该如何工作（我们可能在一个页面上有多组子ajax选项卡）

用户点击“联系人”标签。 将显示联系人窗格，其下方包含子ajax选项卡。这些必须彼此独立工作而不会发生碰撞（代码明智） - 每个单一标签中最多可以有12个子标签。（如联系人）

我不确定，但我认为它是因为所有这些子标签共享相同的类。所以也许改变：

$(".tab_contentTwo") 

到

$("#tab_content-2") $("#tab_content-3")

etc是要走的路，我遇到的问题是如何控制并将ID附加到每个选项卡，并用css控制所有...因为它都有点乱。

我对JS不好，这段代码是SOHTANAKAS代码的一种端口。

任何帮助表示感谢。

我们想要实现的目标的例子如下：http://mozo.com.au/home-loans

单击Click For More Info链接，页面上有很多这些链接......并且它们都有自己的ajax选项卡子集，查看代码，这些都有唯一ID。所以想知道如何使用Javascript正确嵌套。

Answer 1

我对这个问题有点不清楚，但让我试一试。您似乎没有动态创建任何HTML元素，因此我建议您为标签指定适合的ID。

至于更改选择器以容纳ID而不是CSS类，我认为这可能是一个错误。我个人会在那里留下两个，然后当你想要一个特定的元素时选择一组元素和ID时使用CSS类。

祝你好运！

Answer 2

如果我理解正确，这应该是你需要的： http://jsfiddle.net/u5xyR/2/