Kombinierte Summe für mehrere jQuery-UI-Schieberegler

8

Ich versuche, eine Seite zu implementieren, auf der es vier jQuery-UI-Schieberegler gibt, und ich möchte, dass die Summe aller vier Schieberegler niemals über 400 hinausgeht.

Es macht mir nichts aus, auf welche Weise dies implementiert wird, es kann von 0 beginnen, und sobald Sie 1 Schieberegler ändern, verringert sich die verbleibende verfügbare Gesamtmenge oder setzt einen Schieberegler nach dem Maximum, verringert die Werte auf der anderen Seite Schieberegler.

P.S. Die Schieberegler werden in 10er Schritten angezeigt.

Alle Ideen & amp; Vorschläge sind willkommen, und ich habe ein jsFiddle eingerichtet, wenn Sie testen möchten.

    
Marko 15.08.2010, 05:49
quelle

4 Antworten

13

Nun ja, gehen Sie:

%Vor%

Hier ist eine einfache Demoversion von Ссылка

    
Yi Jiang 15.08.2010, 07:12
quelle
9

Hat eine aktualisierte Version der obigen Antwort erstellt, um Prozentsätze von 100% anzuzeigen. Wenn Sie also einen Schieberegler nach oben verschieben, verringern sich die anderen beiden Werte, sodass sich der Prozentsatz jedes Schiebereglers zu 100% addiert. Erleichtert auch die Einstellung der Anfangswerte

JSfiddle

%Vor%     
Tony 05.05.2013 03:34
quelle
3

Ich habe festgestellt, dass sich die anderen Schieberegler (die anderen als die, in denen Sie sich bewegen) bewegen. Ich habe auch die Yi Jiang Geige modifiziert, um sie jetzt einfach zu stoppen, wenn du insgesamt 400 erreichst. Wenn du möchtest, dass der Slider höher geht, musst du zuerst eine der anderen verringern, ähnlich wie die erste , aber es hält den Schieberegler relativ zum Gesamtbetrag.

Das heißt, wenn Sie einen Schieberegler bei 25% und einen anderen bei 50% haben, sehen sie aus, als wären sie bei 25 bzw. 50.

JSfiddle

%Vor%     
Recognizer 24.07.2013 03:42
quelle
0

Keine einzige dieser Antworten war am wenigsten effektiv genug, um Schieberegler in einer Beziehung zueinander in einer effektiven Weise zu verändern ... die meisten von ihnen ließen eine oder mehrere der Berechnungen aus oder respektierten nicht das Gesamtlimit, I Ich brauchte etwas, um einem User zu ermöglichen, seine Chips in einem HTML5-Spiel auszuwählen, also kam ich auf dieses Problem, wenn jemand anders ein ähnliches Problem hat ... wenn du es nicht mit etwas wie Wettchips verbinden musst, dann nimm es einfach raus die Stop-Option oder ändern Sie es nach Ihren Bedürfnissen

%Vor%     
Edward Goodnow 16.10.2014 10:58
quelle

Tags und Links