minimaler Unterschied im jQuery-Slider-Bereich

8

Ich habe mehrere Beispiele gesehen, nach denen ich gesucht habe, aber nichts, was tatsächlich das beantwortet, was ich brauche.

Ich ändere den Wert von zwei Elementen mit dem ui.values des Schiebereglers. Der Unterschied zwischen diesen Werten kann nicht kleiner als "2" sein.

Also habe ich eine schnelle Formel verwendet, wenn (x-y & lt; 2) nicht ändern, sonst ändern. Wenn der Unterschied jedoch kleiner als "2" ist, bewegen sich die Schieberegler weiter. Wie auch immer, um damit aufzuhören?

%Vor%

Danke: Perfektes Ergebnis.

%Vor%

JS BIN EDIT

    
goingsideways 25.02.2011, 07:16
quelle

2 Antworten

23

Eigentlich musst du nur deine Warnung mit:

ersetzen %Vor%     
Emil Badh 25.02.2011, 07:31
quelle
2

Für zukünftige Referenz

Akzeptierte Antwort ist vollkommen gültig und sollte in Ihrem Fall verwendet werden, aber ich werde auch eine Antwort für jede zukünftige Referenz geben.

Ich hatte ein bisschen mehr Einschränkungen, also habe ich eine Erweiterung oben auf dem vorhandenen jQuery UI Slider Widget erstellt. Es verfügt über zusätzliche Optionen (einige davon beziehen sich auf die minimale und maximale Größe des Objektträgers).

Sehen Sie sich meinen Blogbeitrag mit detailliertem Code an.

Alle Änderungen beziehen sich auf den Bereichsschieberegler und enthalten

  • Einstellung der minimalen und maximalen Bereichsgröße
  • Maximaler zulässiger Wert der unteren Bereichsgrenze
  • oberer Bereich Grenze minimal zulässiger Wert
  • automatische Bereichsverschiebung (beim Erreichen der maximalen Bereichsgröße zieht der gezogene Griff den anderen Griff mit, um die maximale Bereichsgröße beizubehalten)
Robert Koritnik 15.08.2011 00:19
quelle

Tags und Links