Javascript code snippet не работает в drupal

Question

Я воспользовался javascript-кодом ниже, чтобы отобразить вертикальные вкладки. В первой строке я загрузил библиотеку jquery с https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js. Затем следует приведенный ниже код. Пока что так хорошо, но администратору я сказал, чтобы удалить первую строку из содержимого, так как библиотека будет загружаться 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) и так далее.