Hinzufügen von Teilstrichen zum jQuery Slider?

8

Wie füge ich dem jQuery-Schieberegler Teilstriche hinzu? Angenommen, ich habe Werte von 1 bis 10, wie kann ich bei jedem Wert ein Häkchen hinzufügen?

Ich habe ähnliche Beiträge auf S.O. aber sie alle schlagen Plug-Ins vor, und ich möchte sie aufgrund der Interaktivität mit anderen Elementen hart codieren.

Danke!

    
Don P 27.12.2011, 20:26
quelle

5 Antworten

3

Ähnlich wie diese Frage . Die Antwort von Mortimer könnte helfen.

Obwohl es noch keinen offiziellen Weg gibt, es zu tun, wäre es schön, wenn es im jQuery-UI-Slider gebacken wäre.

    
MandoMando 01.02.2012, 17:55
quelle
10

Danke Code-Kröte. Ich habe Ihren Code so geändert, dass er mit Prozenten anstelle von Pixeln arbeitet, sodass er jetzt nicht mehr von der Fenstergröße abweichen muss:

Javascript:

%Vor%

CSS:

%Vor%     
Arie Livshin 06.12.2012 16:21
quelle
9

Danke Arie Livshin und CodeToad. Der vorherige Code setzt voraus, dass der min-Wert immer 1 ist. Ich habe den Code so bearbeitet, dass er auch mit min-Werten arbeitet.

%Vor%     
Min Ming Lo 23.05.2013 02:25
quelle
3

Hier ist eine einfache Lösung unter der Annahme, dass das Schieberintervall = 1 ist.

%Vor%     
CodeToad 29.11.2012 11:35
quelle
0

Sie könnten ein Hintergrundbild verwenden, das die Markierungen an den richtigen Stellen hat - das wäre wahrscheinlich der einfachste Weg.

    
Niet the Dark Absol 27.12.2011 20:28
quelle

Tags und Links