jquery不使用visual force页面

Question

我写了非常简单的javascript函数

function menuClass(id) {
jQuery(".active").removeClass("active");
jQuery("#"+id).addClass("active");

}

但是当我在visualforce页面中使用该功能时

它不起作用

这是我使用它的visualforce页面行

<li id="ayurveda"><apex:outputLink value="panchkarmaayurveda" id="ayurvedaLink" onclick="menuClass('ayurveda');">Ayurveda</apex:outputLink>

我也调用了这个函数onload事件

 jQuery.noConflict();

这个函数工作的问题是什么,也没有用firebug尝试错误

这里是我实际使用Panchkarma Ayurveda的链接

Answer 1

你需要将jQuery.noConflict()分配给一个唯一的变量,然后在menuClass方法中使用该变量,即

$j = jQuery.noConflict();

和

function menuClass(id) {
  $j(".active").removeClass("active");
  $j("#"+id).addClass("active");
}