jQuery fügt die Klasse basierend auf der Seiten-URL hinzu

8

Ich habe, was ich denke ist eine einfache Frage, aber ich kann es nicht für das Leben von mir arbeiten.

Ich möchte nur etwas Javascript auf der Seite hinzufügen, das dem Hauptseitencontainer basierend auf der URL eine Klasse hinzufügt.

Nehmen wir an, ich habe eine Site bei root.com und die folgende HTML-Struktur (losgelöst):

%Vor%

Was ich tun möchte, ist ein Skript, das, wenn die Seite = (zum Beispiel) root.com/technology, eine Klasse zum Hauptdiv hinzufügt. So würde das Div nun aussehen:

%Vor%

Ich habe jquery geladen, also würde ich es gerne so machen.

    
Matt Martin 02.04.2012, 20:06
quelle

4 Antworten

23

Sie können window.location verwenden, um die aktuelle URL abzurufen, und dann basierend darauf wechseln:

%Vor%

Dies verwendet einen regulären Ausdruck, um festzustellen, ob die URL eine bestimmte Phrase enthält (insbesondere: technology ), und wenn dies der Fall ist, fügt sie dem Element #main eine Klasse hinzu.

    
Alex Vidal 02.04.2012, 20:13
quelle
7

Nun, hier ist, wie ich es tun würde:

%Vor%

Auf diese Weise behalten Sie Ihren Code sauber und Sie können problemlos einen weiteren Fall hinzufügen.

Siehe hier was window.location.pathname bedeutet.

    
Florian Margaine 02.04.2012 21:05
quelle
2

Verwenden Sie das eingebaute Ort -Objekt, um die vollständige URL oder einige Teile davon zu bestimmen.

>     
kirilloid 02.04.2012 20:09
quelle
2

würde etwas wie unten helfen? basierend auf anderen Antworten, nur indem Sie

  

console.log (window.location)

, können Sie Reichtum Fülle von Informationen in Bezug auf Ihr Standortobjekt

%Vor%     
DG3 02.04.2012 20:11
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Ändere die Textfarbe der Suchleiste ios