我已经为客户创建了一个页面，最初是在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);

    });


});