Ich bin neu in Javascript und JQuery, ich versuche, JQuery UI Slider zu verwenden, um Preisbereich Dropdown-Boxen (eine für den Mindestpreis, eine andere für den Höchstpreis) für eine meiner Websites zu ersetzen.
Hier ist mein aktueller Code:
%Vor%Die Preisspanne reicht von 0 bis 2500.000. Nach dem Testen fand ich heraus, dass UX besser ist, wenn der Schieberegler nichtlinear skaliert, da die meisten Benutzer auf meiner Seite zwischen 25.000 und 200.000 suchen würden.
Ein sehr kleiner Teil des Schiebereglers sollte den Bereich 0 bis 25000 anzeigen, 70% davon zeigen 25.000 bis 200.000, während der Rest 200.000 und mehr anzeigen sollte. Ich möchte nicht, dass es feste Werte einrastet, aber die Schritte müssen 1000 sein.
Ich habe auf dieser Seite zwei Lösungen gefunden:
1) Logarithmischer Schieberegler & lt; - Die Lösung basierte nicht auf der Verwendung des JQuery UI-Schiebereglers. t weiß wirklich, wie man sich in meinen Code einträgt.
2) JQuery Slider, wie man "Schritt" Größenänderung macht & lt; - Ich kann nicht Kopf oder Zahl davon machen, nachdem der Typ begonnen hat, wahre Werte und Werte als Teil der Lösung zu verwenden. Ich habe versucht, mich auf meinen Code zu bewerben, der Slider funktioniert gut (obwohl er nach meinem Geschmack zu schnell zum Ende bewegt wurde), aber der Text wurde nicht angezeigt.
Irgendwelche Ideen?
Tags und Links jquery jquery-ui slider jquery-ui-slider