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

我看了几个相关的帮助主题，但我仍然错过了一个重要的步骤。我创建了一个新页面... page - employee.tpl.php该页面包含三个选项卡，当前加载了三个单独的'页面'。在页面的HTML - employee.tpl.php如下：在Drupal 7的自定义页面上运行jQuery

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

我想实现一个非常简单的。点击功能，这样当用户点击选项卡...选项卡中获取。 activeTab类。当他们点击b ... b时，获取activeTab类并且与c相同。我的jQuery在本地工作，但我不知道把它放在我的自定义页面上 - employee.tpl.php当我将我的jQuery代码放入html模板文件时，它会工作，直到我的自定义页面加载，然后执行html如上所述，即使用户点击了b选项卡，选项卡也会获得.activeTab类。任何人都可以在这个话题上谈一谈吗？

谢谢。

来源

2012-04-16 Leslie

看看这个模块。 http://drupal.org/project/quicktabs

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

来源

2012-04-16 03:29:01 niksmac

感谢您的评论。我意识到Tabs模块并完全同意你的看法。我正在工作的网站走向js的道路，所以我认为我会继续，因为我有时间限制。尽管Tab模块是最好的答案，但是如果我想在自定义页面上运行我自己的动画代码，那么这个代码会去哪里？在Drupal之外，我只是将它粘在脚本标记之间的标题中。 – Leslie 2012-04-16 16:43:33

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

回答

相关问题