选项卡中的jQuery选项卡未正确显示

我有标签的自定义javascript代码，工作正常，但我试图将子标签放在其中，如下所示：

 
 
Prizes
 
Your sack
 
Order History
 
 
   

然后在prizes.php文件中：

 
 
 
Weber Branded
 
For Him
 
 
   

我想它，所以他们去了奖品标签，例如，其中有另一组标签，他们只能在该页面内使用。 当前点击子选项卡时，所有内容都消失了。 这是我的JS：

 $("#parenttabs #nav a").click(function() { //Parent Tabs Click Function var hash = this.getAttribute("href"); if (hash.substring(0, 1) === "#") { hash = hash.substring(1); } location.hash = hash; showTab(hash); return false; }); function showTab(hash) { $("div.tab").hide(); $("#tab-" + hash).fadeIn(); } 

对不起所有代码，不确定要显示的内容：/

谢谢

Answer 1

看一下JQuery UI选项卡文档 ，我看不到对tab-in-tabfunction的引用。 当然，假设您正在使用JQuery UI。

这是JQuery UI嵌套选项卡的示例标记。 研究它，您可能能够找出您的代码无法按预期工作的原因。

我建议你看看JQuery工具 ，因为它公开支持tab-in-tabfunction。

这是JQuery工具嵌套选项卡标记和脚本的示例 。

Answer 2

如果您使用的是jQuery UI，那么嵌套选项卡应该没有问题。 只需确保元素使用唯一ID即可

 
 
 
First Tab
 
Second Tab
 
 
 
Nothing to show..
 
 
 
Tabs in tab!
 
 
 
Child Tab 1
 
Child Tab 2
 
 
Content here...
 
More content here...
 
 
  

jsFiddle示例