Javascript代码段无法在drupal中运行

Question

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

$(document).ready(function() {

    $(".tabsnew .tab[id^=tab_menu]").hover(function() {
        var curMenu=$(this);
        $(".tabsnew .tab[id^=tab_menu]").removeClass("selected");
        curMenu.addClass("selected");

        var index=curMenu.attr("id").split("tab_menu_")[1];
        $(".curvedContainer .tabcontent").css("display","none");
        $(".curvedContainer #tab_content_"+index).css("display","block");
    });
});

Answer 1

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

相反，请将$(document)替换为jQuery(document)，依此类推。