0

Refreshless.com (http://refreshless.com/nouislider/) の NoUIslider を使用しています。

$("#slider").noUiSlider("init", 
       { dontActivate: "lower", startMax: "40%", scale: [0, 500],
       tracker: function(){
                                foo();
                            }, 
       clickmove: function(){
                                foo();
                            }
                        });
foo();

スライダーの値は次のように読み取られます。

   Math.ceil($("#slider").noUiSlider("getValue", {point: ""}));

ユーザーがテキスト ボックスに入力する値にスライダーを設定する必要があります。ドキュメントは最小限で、いくつかのことを試しましたが、何もスライダーを動かしませんでした:

$("#slider").noUiSlider("move", {
        moveStyle: "animate",
        setTo: [members],
        scale: [10, 500],
        saveScale: true
});

すべてのオプションを使い果たしました。あなたの助けが必要です。ありがとう

4

2 に答える 2

1

setToパラメーターには、両方のスライダーの値を指定する配列を使用します。このプラグインを単一のスライダーで使用した場合でも、2つの値を持つ配列を使用しない限り、setToは効果がありませんでした。コードを次のように変更します。

$("#slider").noUiSlider("move", {
    moveStyle: "animate",
    setTo: [30, 200],
    scale: [10, 500],
    saveScale: true
});

単一のスライダーを使用している場合は、両方の配列メンバーを単一のスライダーにしたい位置（つまり、[30、30]）に設定するだけです。

余談ですが、このスライダープラグインは風変わりすぎたため、使用を中止しました。Egor Khmelevのスライダープラグイン（http://egorkhmelev.github.com/jslider/）を使い始めましたが、うまく機能しています。

于 2012-05-23T17:15:44.973 に答える
0

アニメーションを無効にし、値を同じ範囲の整数に設定することで機能しました。以前に考えていたように、スケールに相当するものを計算する必要はありません。

于 2012-05-25T13:43:20.387 に答える