ReferenceError：Firefoxでイベントが定義されていないエラー

私はクライアント用のページを作成しましたが、最初はChromeで作業していて、Firefoxで機能しているかどうかを確認するのを忘れていました。現在、ページ全体がFirefoxで機能しないスクリプトに基づいているため、大きな問題があります。

これrelは、適切なページの非表示と表示につながるを持っているすべての「リンク」に基づいています。これがFirefoxで機能しない理由がわかりません。

たとえば、ページにはid #menuPageなどが#aboutPageあります。すべてのリンクにこのコードがあります：

<a class="menuOption" rel='#homePage' href="#">Velkommen</a> 

ChromeとSafariで完全に動作します。

これがコードです：

$(document).ready(function(){

//Main Navigation


$('.menuOption').click(function(){

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


});

// HIDES and showes the right starting menu
    $('.all').hide();
    $('.pizza').show();


// Hides and shows using rel tags in the buttons    
    $('.menyCat').click(function(event){
        event.preventDefault();
        var categori = $(this).attr('rel');
        $('.all').hide();
        $(categori).fadeIn();
        $('html,body').scrollTo(0, categori);

    });


}); 

イベントハンドラ（の一部）を誤って宣言しています。

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

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


});

ハンドラーのパラメーターとして「イベント」が必要です。WebKitは、「イベント」にグローバルシンボルを使用するというIEの古い動作に従いますが、Firefoxはそうではありません。jQueryを使用している場合、そのライブラリは動作を正規化し、イベントハンドラーにイベントパラメーターが確実に渡されるようにします。

編集 —明確にするために：パラメータ名を指定する必要があります。使用してevent、それはあなたが意図し何を明らかにし、あなたはそれを呼び出すことができますeかcupcakeまたは何か。

また、おそらく「ネイティブ」パラメーター（ChromeおよびIEおよびSafari）ではなくjQueryから渡されるパラメーターを使用する必要があるのは、そのパラメーター（パラメーター）がネイティブイベントオブジェクトのjQueryラッパーであるためです。ラッパーは、ブラウザー間でイベントの動作を正規化するものです。グローバルバージョンを使用する場合、それは取得されません。

これはevent、click関数に渡すのを忘れたためです。

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

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

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

余談ですが、ほとんどのブラウザではグローバル変数であるため、とはe対照的に、がより一般的に使用されています。eventEvent