JQuery anzeigen Aktuelle Seite in Navigation Schiebetüren

Question

I www.scenes-online.co.uk/test/

zur Zeit baue ich diesen Code haben Schiebetüren oben und unten die Links auf schweben mit 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> 

Was ich brauche, ist für die aktuelle Seite ist es Link in der ‚abwärts‘ Zustand am margin-top haben: -4px aber alles, was ich versuche immer meine Schiebetüren los ...

danke im voraus

Prost

Stu

Answer 1

gut Sie haben einen Fehler hier:

function($) { 

es sein muss:

$(function() { 

vielleicht ist das das Problem

Answer 2

Während es ist genial, Sie Sie brauchen jQuery nicht wirklich, da Sie für jede Seite eine separate HTML-Datei haben. Sie könnten einfach jede bestimmte Schaltfläche für die entsprechende Seite so gestalten, dass der ursprüngliche Status nicht mehr vorhanden ist. Zum Beispiel könnten Sie die "aktuelle" Klasse zur Home-Schaltfläche in index.html hinzufügen. Und Strom hätte margin-top: -4px in css deklariert.

Wenn Sie dies wirklich tun möchten, müssen Sie beim Laden der Seite über die Schaltflächen iterieren und prüfen, ob die href für dieses Element der aktuelle Speicherort ist.

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

Dies bricht jedoch sehr leicht. Zum Beispiel, wenn Sie Abfragezeichenfolgen oder Hashes verwenden und die href nicht aktualisieren. Tatsächlich funktioniert das obige Beispiel nicht auf der Zielseite (da die href "index.html" ist), sondern window.location ist nur "/". Aber arbeitet an den anderen, also sollte es dich in Gang bringen.