Wie kann ich die ul-Liste anstelle des Dropdown-Menüs für den Sprachumschalter verwenden?

7

Ich benutze msDropDown , um die <select> in die <ul> Liste für Sprachumschalter zu konvertieren. Aber das Problem ist, dass mit diesem jQuery-Plugin die Auswahl nach Laden der Seite sehr lange dauert.

Also, wie kann ich eine ul Liste anstatt select verwenden?

Dies ist mein Auswahlcode:

%Vor%

Ich habe es versucht mit:

%Vor%

aber value und onchange wird nicht von ul und a unterstützt.
Gibt es eine Möglichkeit, ul mit den Attributen select zu arbeiten?

Danke! Und Entschuldigung für mein schlechtes Englisch!

    
Mustapha Aoussar 17.02.2013, 21:38
quelle

3 Antworten

17

Aktualisierte Antwort 2015

Da diese Frage immer noch sehr oft besucht wird und aufgrund einiger Anfragen in den Kommentaren, habe ich meinen Code erneut besucht. Sie können immer noch meine ursprüngliche Antwort finden.

HTML

%Vor%

JavaScript

%Vor%

CSS

%Vor%

Demo

Vor dem Kauf testen

Ursprüngliche Antwort von 2013

Ich würde es so machen:

%Vor% %Vor% %Vor%

Dies fügt eine Klasse zum ausgewählten Element hinzu. Dies funktioniert, wenn Sie nach der Auswahl auf dieser Seite bleiben und location.href nicht verwenden.

    
insertusernamehere 17.02.2013, 22:01
quelle
2

Sie können die Auswahlattribute nicht verwenden, stattdessen können Sie eigene Attribute erstellen und sie in <ul> element

verwenden

Vielleicht wird dir das helfen

Zuerst der HTML-Code

%Vor%

Als nächstes der jquery-Code

%Vor%

Ich habe es ohne das Plugin gemacht.

Achte darauf, dass ich ein data-val -Attribut erstellt habe, also speichere die Wunschsprache. und ich bekomme dieses Attribut mit jquery code

    
Silagy 17.02.2013 21:59
quelle
1

Sehr einfach (ul, um Dropdown-JQuery-Transformation auszuwählen) keine Notwendigkeit, HTML zu ändern, sehr nützlich für mobile Menüs:

%Vor% %Vor% %Vor%
    
q81 28.10.2015 11:10
quelle