問題タブ [rangeslider]

Foundation 5を使用して Web ページをコーディングしています。このページには、いくつかのデータ範囲スライダーが含まれています。しかし、JSON メッセージから取得した情報に基づいて、それらのスライダーを動的に生成します。ですから、スライダーがいくつあるのかわかりません。

これは、スライダーのhtmlがループでどのように見えるかです（テンプレート化にハンドルバーを使用）

ご覧のとおり、各スライダーには異なる ID と異なる開始値があります。

ここで、スライダーを動かすイベントを処理したいと思います。そこで、任意のスライダーの「変更」イベントに応答する 1 つのメソッドを作成しました。

私の質問は次のとおりです。イベントを発生させたスライダーの値にアクセスするにはどうすればよいですか?

推奨される方法は、

しかし、それは dynamic であるため、slider_id はわかりません。

動的に生成されたスライダーを操作する例が見つかりませんでした。手がかりはありますか？

私はNoUISliderが初めてで、スライダーを機能させることができました。ただし、スライダーの値が表示されないか、機能しているように見えます。

jQueryも初めてなので、スライダー値のコードが機能しない理由がわかりません。

私が編集しているウェブサイトはここにあります: Experian Map

これが私のコードです：

#annual-sales 入力フィールドに四捨五入されていない数値を入力すると、プラグインは「上」または「下」に応じて自動的に四捨五入します。1234567 などの特定の数値をフィールドに入力して、その値を保持する方法はありますか? 次に、前または次の値にスライドすると、元の位置に戻ります。

レンジ slier があり、チェックボックスがクリックされた場合にその値をデフォルトにリセットしようとしています。誰でもこれを行う方法を教えてもらえますか?

これは私が試したものです：

HTML:

JavaScript:

フィドル

範囲スライダーで標準の ui-grid [ng-Grid 3.0] をフィルタリングしたい。チュートリアル セクションで、from to interval テキスト入力フィルターを見つけましたが、範囲スライダーからの angularjs 値にバインドできません。何か案は？

または、(もう一度) コードを ng-Grid < 3.0 に戻します。ここでそれを行う方法についてのアイデア (filteroptions.filtertext.

入力フィールドをスライダーにバインドする必要があります

したがって、テキストタイプを「数値」として指定すると、スライダーの位置を変更する入力を入力できます。範囲を取得することもできますが、スライダーを動かそうとすると、入力フィールドの値が表示されません。一方向バインディングしかないように。

しかし、タイプを「テキスト」として指定すると、入力内に値を入力するとスライダーが移動し、スライダーを移動すると入力値が変更されますが、0〜100の範囲にすることはできません。テキストタイプの入力。

双方向バインディングを取得し、最小範囲と最大範囲を定義することで解決できる方法はありますか。