Javascript ReferenceError:事件未在Firefox中定义错误

Javascript ReferenceError:事件未在Firefox中定义错误,javascript,jquery,html,firefox,Javascript,Jquery,Html,Firefox,我为一个客户端制作了一个页面,起初我在Chrome上工作,但忘了检查它是否在Firefox上工作。现在,我遇到了一个大问题,因为整个页面都基于一个在Firefox中不起作用的脚本 它基于所有带有rel的“链接”,从而隐藏和显示正确的页面。我不明白为什么这在Firefox中不起作用 例如,页面具有id#menuPage,#aboutPage等等。所有链接都有以下代码: <a class="menuOption" rel='#homePage' href="#">Velkommen<

我为一个客户端制作了一个页面,起初我在Chrome上工作,但忘了检查它是否在Firefox上工作。现在,我遇到了一个大问题,因为整个页面都基于一个在Firefox中不起作用的脚本

它基于所有带有
rel
的“链接”,从而隐藏和显示正确的页面。我不明白为什么这在Firefox中不起作用

例如,页面具有id
#menuPage
#aboutPage
等等。所有链接都有以下代码:

<a class="menuOption" rel='#homePage' href="#">Velkommen</a> 
您(某些)错误地声明了事件处理程序:

$('.menuOption').click(function( event ){ // <---- "event" parameter here

    event.preventDefault();
    var categories = $(this).attr('rel');
    $('.pages').hide();
    $(categories).fadeIn();


});

$('.menuOption')。单击(函数(事件){/这是因为您忘记将
事件
传递到
单击
函数:

$('.menuOption').on('click', function (e) { // <-- the "e" for event

    e.preventDefault(); // now it'll work

    var categories = $(this).attr('rel');
    $('.pages').hide();
    $(categories).fadeIn();
});

$('.menuOption')。在('click',function(e){//上,如果你能准确地解释一下你所说的“不起作用”的意思,那将非常有帮助。会发生什么?错误?糟糕的布局?糟糕的行为?当然,在Firefox中除外!使用“事件”这个名称并没有什么坏处对于参数,因为它不是一个保留字或任何东西。非常正确,我想我刚刚从jQuery中获取了
e
。@PointyGreat谢谢。meteor.js使用了大量的事件变量。function(){…如果不传递事件,chrome和safari仍然可以工作。但是firefox会失败。
$('.menuOption').on('click', function (e) { // <-- the "e" for event

    e.preventDefault(); // now it'll work

    var categories = $(this).attr('rel');
    $('.pages').hide();
    $(categories).fadeIn();
});