如何使用 div 和 href 中的 var 将 js 选项卡与选项卡内容链接？答案

【问题标题】：how to link js tabs with the tab content using a var in the div and href?如何使用 div 和 href 中的 var 将 js 选项卡与选项卡内容链接？
【发布时间】：2015-07-17 18:46:37
【问题描述】：

我知道这是一个愚蠢的问题，但它让我很烦恼。

我有一个带有标签的页面。我想使用数组和循环动态生成选项卡。问题是我无法将选项卡和选项卡内容链接在一起。

这是我的示例代码：

<div id="tabs">
<ul>
<i a href = '$Tabtitle'>$Tabtitle</a></i>
</ul>

<div id = "$Tabtitle">
<!--tab content-->
</div>

结果是所有选项卡内容都在一个选项卡下（它们应该在不同的选项卡下分开），并且更改选项卡不会更改选项卡内容。

我尝试这样做：更改 href = '#$Tabtitle'，不起作用。改变

<div id ="<?php echo $Tabtitle;?>"

还是不行。

感谢任何帮助！

【问题讨论】：

您可能应该更清楚地了解您不期望发生的事情，并对所有这些变量包含的内容提供一些见解。问题中的代码应该最少且可重现。让某人帮助您解决问题尽可能容易。见How to Ask。
谢谢！这是我的错。不知道如何编辑我的问题。问题是所有选项卡都包含相同的信息——它们在一页中列出了所有选项卡内容！
在您的问题底部的标签下方有一个edit 链接。您可以按该链接或我刚刚在此评论中添加的链接。
让我试着澄清一下。我想使用 vars 作为选项卡 ID，并使用循环来生成它们。但它们并没有联系在一起。
为了让人们能够解决这个问题，你需要包括 (1) 你得到的错误 (2) 你所做的任何调试 (3) 你所做的任何研究 (4) 当前输出(5) 预期输出和 (6) 一个可以被其他人测试的独立示例。

标签： javascript php html tabs

【解决方案1】：

抱歉，这个问题很糟糕，但由于我已经解决了问题，所以我宁愿把它放在这里，以防其他人发现它有用。

代码应该是这样的：

<div id="tabs">
<ul>
<i a href = 'path/$var#$Tabtitle'>$Tabtitle</a></i>
</ul>

<div id = "$Tabtitle">
<!--tab content-->
</div>

而且它有效！谢谢！

【讨论】：