Fiz uma página para um cliente e inicialmente estava trabalhando no Chrome e esqueci de verificar se estava funcionando no Firefox. Agora, estou com um grande problema porque a página inteira é baseada em um script que não funciona no Firefox.
É baseado em todos os "links" que possuem um rel
que leva a ocultar e mostrar a página certa. Não entendo por que isso não está funcionando no Firefox.
Para páginas da instância tem o id #menuPage
, #aboutPage
e assim por diante. Todos os links possuem este código:
<a class="menuOption" rel='#homePage' href="#">Velkommen</a>
Está funcionando perfeitamente no Chrome e Safari.
Aqui está o código:
$(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);
});
});