2017-06-05 1 views
0

をドラッグすることはできません更新しました。私が必要とするものの1つは、毎秒〜毎秒更新するスライダーです。これはユーザーが調整することができます。今、私はこれを使用しています:私は毎秒範囲スライダのvalueプロパティを調整していは継続的にスライダが、私は小さなアプリを作るためにcljs +試薬と反応包ま使用してい

[:div.scrubber [:input 
       {:type "range" 
        :min "0" 
        :max "100" 
        :value (str percent-through)}]] 

。しかし、これはユーザーとのやり取りを妨げるようです。ここではこれを示すGIFだ:(クロームでキャプチャ)

enter image description here

ユーザーがスライダーを制御することを可能にするための最良の方法は何ですか?更新タイマーを停止しても効果はなく、値がロックされているように見えます。

+0

これは、無意識のうちに 'HTTPSの複製である:私はそれを試みたが、無駄に// stackoverflow.com /質問/ 36122034/JSX-反応する - HTML5入力スライダ-doesntの-work' –

答えて

2

あなたはタイマーを管理している場合、ユーザーはスライダーとの対話を開始し、その変化に状態を更新した後、新しいタイマーを作成したらええ、私はそれをキャンセルします。

+0

。ここで何か深刻なことが起こっているように見え、何とかスライダがロックされています。 –

+0

ええ、大丈夫です。私はあなたが値秒ごとに更新するためのメカニズムを提供することができ、cljsまたはreagantとあまり慣れていないんですか?それとも、何とかバックグラウンドで魔法のように扱われていますか? –

+0

あなたは基本的にcljsと試薬の一部を無視することができます。これは、Transiler言語であり、React.js上の薄いラッパーです。私の仕組みは、入力範囲の現在のパーセントを更新するイベントを呼び出す 'setInterval'です。しかし、私の問題は実際には私の 'value'の使用です。私は 'default-value'を使うべきです。しかし、それは決して更新しない範囲の問題につながる... –

関連する問題

 関連する問題