Javascript代码片段在drupal中不起作用

Posted 2023-02-25

【中文标题】Javascript代码片段在drupal中不起作用

【英文标题】：Javascript code snippet not working in drupal

【发布时间】：2012-06-01 07:06:35

【问题描述】：

我正在使用下面的 javascript 代码来显示垂直标签。在第一行中，我从https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js 加载了 jquery 库。然后按照下面的代码。到目前为止一切顺利，但管理员告诉我从内容中删除第一行，因为库将由 drupal 自动加载。现在 1.5.2 版本已嵌入到 drupal 中，我删除了从外部加载库的行，但我的垂直选项卡悬停效果将不再起作用。知道为什么会这样吗？

$(文档).ready(函数() $(".tabsnew .tab[id^=tab_menu]").hover(function() var curMenu=$(这个); $(".tabsnew .tab[id^=tab_menu]").removeClass("selected"); curMenu.addClass("选中"); var index=curMenu.attr("id").split("tab_menu_")[1]; $(".curvedContainer .tabcontent").css("display","none"); $(".curvedContainer #tab_content_"+index).css("display","block"); ); );

【参考方案1】：

在 Drupal 7 中，您不能再使用 $ 函数（嗯，不是开箱即用的）。原因是 Drupal 允许您一次运行多个 js 库，$ 是例如也用于原型中。

改为将$(document) 替换为jQuery(document) 等等。

【讨论】：

你有一个示例网站可以看看吗？

不幸的是，不是直接的。该网站尚未发布，仍在开发中，但我已剥离页面并上传到webpati.com/tabs.html。这是我们大学信息中心的网站。

这有点太多剥离了，因为 jQuery 库甚至没有加载。 ;)

我知道的唯一方法是每个远程连接。

Teamviewer 适合你吗？