問題タブ [nouislider]

これは重複した質問のように聞こえるかもしれませんが、スタックオーバーフローからすでに無数のことを試しましたが、機能しません。私がやろうとしているのは noUiSlider で、基本的に各スライダーの 3 つの値を取得し、それらの値を好きなように使用しようとしています。たとえば、スライダーの合計値が加算された場合に次のボタンをオンまたはオフにします。特定の値に。

問題のコードは次のとおりです。

例えば。服のサイズの範囲は 64、76、82、95 で、ユーザーがこれらの値のみを選択できるようにしたいと考えています。配列ごとに設定できますか?

作成中のフォームに noUiSlider.js プラグインを使用しています。フォームには複数のスライダーがあるため、それらを作成するためのより動的な方法が必要でした。

呼び出し$('.slider')はhtml要素の配列を返すので、識別子.sliderを使用できると思いましたが、うまくいかないようです。$(this)$(.slider)[0].data("max");

配列をループしようと考えていますが、関数の仕組みが理解できないのではないかと本当に考え始めていdata()ます..

noUiSlider をセットアップし、val()関数を使用してハンドルの値を設定しました。それをした後、setイベントがスローされます。これは仕様によるものですが、私はそれを望んでいません。ただし、仕様には次のようにも書かれています。

設定

スライダーが新しい値に変更されるたびに、このイベントが発生します。この関数は、スライダーが変更を停止するたびにトリガーされ、オプションで .val() メソッドの呼び出しでもトリガーされます。これにより無限ループの危険が生じるため、すべての .val() 呼び出しでこのイベントを明示的に要求する必要があります。これを「スライドの終わり」と考えることができます。

ソース

したがって、setメソッドを起動しないことは可能だと思いますが、これを行う方法が見つかりません。何か案は？

編集：ソースコードに飛び込んで、valueSet関数でこれを見ました：

だから、もはやオプションではないと思います。

スライダーを使用して値を変更するたびに通知を表示します。最初の変更では 1 つの通知が作成されますが、その後は 1 つではなく複数の通知が作成されます。これを止める方法はありますか？以下に私のコードを含めてくれてありがとう。

スライダーが移動するたびに、このイベントが発生します。

以下に示すように、値を渡してメッセージを表示できる通知機能にバインドされています。

}

ただし、1 つの通知を作成する代わりに、複数の通知を作成しています。