Drupal 7 在Drupal7中的自定义页面上运行jQuery

我已经看了几个相关的帮助主题，但我仍然错过了一个重要的步骤。我创建了一个新页面…页面--employee.tpl.php此页面包含三个选项卡，当前加载三个单独的“页面”。页面--employee.tpl.php上的html如下所示：

<div id="a" class="empTab"><a href="/"><span>Employee Home</span></a></div>
<div id="b" class="empTab"><a href="/"><span>State Notices</span></a></div>
<div id="c" class="empTab"><a href="/"><span>Federal Notices</span></a></div>

我正在尝试实现一个非常简单的.click函数，这样当用户单击tab a时，…tab a就会得到.activeTab类。当他们点击b时，b得到activeTab类，c也一样。我的jQuery在本地工作，但我不知道把它放在我的自定义页面--employee.tpl.php上。当我把我的jQuery代码放在html模板文件中时，它一直工作，直到我的自定义页面加载，然后html按上述方式执行，a选项卡获得.activeTab类，即使用户单击了b选项卡。有人能解释一下这个话题吗

---

谢谢。

看看这个模块。

---

快速选项卡模块允许您创建选项卡式内容块，特别是视图、块、节点*和其他快速选项卡*。您可以在站点上创建包含多个选项卡和相应内容的块。使用jQuery，单击选项卡可以立即显示相应的内容。对于6.x-2.x分支，这可以在ajax或非ajax模式下完成：

谢谢您的评论。我了解Tabs模块，完全同意您的看法。我正在开发的网站正朝着js的方向发展，所以我想我会继续，因为我有时间限制。即使Tab模块是最好的答案，但是如果我想在自定义页面上运行自己的动画代码，那么这些代码会去哪里呢？在Drupal之外，我会把它放在脚本标记之间的标题中。