Ich verwende derzeit die Twitter bootstrap-slider -Bibliothek und habe versucht herauszufinden, wie man das ändert Maximalwert, nachdem der Schieberegler initialisiert wurde. Diese Frage, wie man den Wert abrufen kann, war von etwas Hilfe, aber ich kann immer noch nicht die genaue Methode finden, um anzurufen. Folgendes habe ich bisher versucht:
JS:
%Vor%Konsole:
%Vor% Wenn Sie den Wert $('#slider').data('slider').max direkt einstellen, ändert sich auch nicht der Bereich des Schiebereglers selbst, auch wenn der Wert sich geändert hat. Jede Hilfe bei der Einstellung des Maximalwertes oder der Neuinitialisierung des Schiebers wäre sehr zu empfehlen !!
Sie müssen nur setValue anwenden, nachdem Sie $('#slider').data('slider').max
Sie müssen die Aktualisierungsmethode aufrufen. Der folgende Code macht den Trick:
%Vor%Ich hatte das gleiche Problem und die beste Lösung, die ich fand, war, den Schieberegler zu zerstören und neu zu erstellen, wann immer ich die Bereichswerte ändern musste. Es ist ein wenig schwierig, weil: 1) das Entfernen des Schiebers entfernt auch das ursprüngliche Anker-Tag; und 2) Sie müssen die CSS-Breite des alten Schiebereglers speichern und für den neuen verwenden.
Hier ist eine vereinfachte Version des von mir verwendeten Codes. Wenn Sie mehr als einen Schieberegler auf Ihrer Seite haben, müssen Sie vorsichtig sein und nur denjenigen löschen, den Sie aktualisieren müssen.
HTML:
%Vor%Javascript:
%Vor%Das Beste, was Sie tun können, ist das Min und Max einzustellen und den Wert erneut anzuwenden. Sie können dies auf verschiedene Arten tun. Aber was ich getan habe, war, eine setMax- und setMin-Erweiterungsmethode zu erstellen, die die Min- und Max-Werte festlegt. Das einzige Problem dabei war, dass ich das Plugin ändern musste, um stattdessen $ zu erweitern, da meine Erweiterungsmethoden setMin und setMax nicht verfügbar waren.
Also ändere das ...
%Vor%... zu diesem ...
%Vor%... in der Bibliothek. Wenn Sie Ihre eigenen Erweiterungsmethoden hinzufügen möchten. Aber dann müssen Sie SetValue entweder in der Bibliothek in Ihrer Erweiterungsmethode oder außerhalb tun. (setValue berechnet die Position der Schieberegler und das Layout des Schiebereglers)
Du kannst so etwas machen ...
%Vor%d. Setzen Sie im slideStop-Event des ersten Sliders die Min- und Max-Werte des zweiten Sliders. Und dann rufen Sie setValue erneut auf, um das Layout erneut zu erstellen.
Tags und Links javascript twitter-bootstrap slider