Jquery Afficher la page actuelle Navigation Portes coulissantes

Question

Je suis en train de construire www.scenes-online.co.uk/test/

J'ai ce code glisser vers le haut et vers le bas les liens sur vol stationnaire à l'aide jquery .. .

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 

<script type="text/javascript"> 

google.load("jquery", "1.3.2"); //load version 1.3.2 of jQuery 

google.setOnLoadCallback(function() { 
    jQuery(
     function($) { 
$("a.button").hover( function() {  $(this).animate({"marginTop": "-  4px"}, "800"); }, function() {  $(this).animate({"marginTop": "-  14px"}, "800"); }); 

    }); 
}); 
</script> 

ce que j'ai besoin est pour la page en cours pour avoir son lien dans l'état « bas » à margin-top: -4px mais tout ce que je suis en train est de se débarrasser de mes portes coulissantes ...

merci d'avance

Vive

Stu

Answer 1

bien vous avez un bug ici:

function($) { 

il doit être:

$(function() { 

peut-être que c'est le problème

Answer 2

Alors qu'il est génial, vous n'a pas vraiment besoin de jQuery pour cela car vous avez un fichier HTML séparé pour chaque page. Vous pouvez simplement styliser chaque bouton spécifique pour sa page correspondante afin que son état initial soit en panne. par exemple, vous pouvez ajouter la classe 'current' au bouton d'accueil sur index.html. Et le courant aurait margin-top: -4px déclaré en css.

Si vous voulez vraiment faire cela, vous devrez parcourir les boutons sur le chargement de la page et vérifier que le href pour cet élément est l'emplacement actuel.

$('a.button').each(function(idx, el) { 
    if (el.href === window.location.toString()) { 
     $(el).css('marginTop','-4px'); 
    } 
}); 

Cela se décompose très facilement cependant. Par exemple, si vous utilisez des chaînes de requête ou des hachages et ne mettez pas à jour le href. en fait, l'exemple ci-dessus ne fonctionne pas sur la page de destination par exemple (comme le href est "index.html") mais window.location est seulement "/". Mais travaille sur les autres, alors ça devrait vous aider.