問題タブ [nouislider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
4450 参照

nouislider - パーセンテージ (%) 記号を入力値に追加しますが、フォームでは渡しません

私は現在 nouislider を正常に動作させています。ただし、値がパーセンテージ値であることをユーザーに示すために、入力フィールドに後置「%」記号を追加したいと思います。フォームで渡される値に % 記号が含まれているという問題があります。フォームで値のみが渡されるように、回避策を知っている人はいますか?

nouislider のドキュメントで提案されている format:wNumb メソッドに代わる、私が試した方法は次のとおりです。

ただし、これは依然としてパーセント記号を URL に追加しています。この問題を解決する他の方法はありますか? ありがとう

0 投票する
1 に答える
908 参照

nouislider - noUiSlider: 制限された領域の背景色を設定します

「ソフト制限」( https://refreshless.com/nouislider/examples/#section-soft-limits ) でnoUiSlider を使用しており、制限された領域に特定の背景色を設定したいと考えています。たとえば、ハンドルを最初の 20 個の値のどこにもドラッグできない場合、バーのこのセクションの背景色を赤にする必要があります。

これは、3 つの異なる背景色が必要なためです。

1 限られたエリアの場合

2 ハンドルの左側の領域の場合

3 ハンドルの右側のエリアの場合

ここで画像を参照してください 。ありがとう!

0 投票する
2 に答える
382 参照

javascript - noUiSlider 長い数値の丸めエラー

noUiSlider をデータで初期化します

初期化後のスライダーの値が 30679098761.50 になるのはなぜですか?

デモはこちら - https://jsfiddle.net/serGlazkov/yrppsmvo/5/

0 投票する
2 に答える
1724 参照

angularjs - Ionic フレームワークで使用すると、Angular JS Touch Slider が NaN エラーを表示する

Ionic アプリで Angular JS レンジ スライダーを使用しようとしていますが、以下のように表示されます。

レンジスライダーエラー

npm angularjs-slider をインストールしましたが、コンソールに Uncaught ReferenceError: app is not defined というエラーが表示されます。誰でも助けることができます。以下の app.js コードの後に​​ index.html コードが続きます。ありがとう

そして、次の方法でページ テンプレートにリンクします。

0 投票する
1 に答える
797 参照

javascript - onclick イベントによる noUiSlider 作成範囲の使用時のエラー

私は単純なjavascriptを持っています:

およびJavaScript関数:

イベントonlickをキャッチすると。このバグを表示"Error: Slider was already initialized."

修正方法は?

0 投票する
2 に答える
1620 参照

jquery - NoUiSlider ツールチップ

noUislider を使用して Slider を作成しました。ツールチップの表示と非表示を切り替えるにはどうすればよいですか?

これが私がこれまでに持っているものです:

0 投票する
2 に答える
1216 参照

angularjs - angularのNoUiSlider - 数値の配列にバインド

NoUiSlider (Yankovskyディレクティブ)を使用して、数値の配列のエディターを実行しようとしています。

基本的な機能を作成することはできましたが、バインドに苦労しています。

私は次のような配列を持っています:

ただし、このディレクティブには、オブジェクト全体として設定するオプションが必要です。

下の図のように、配列の各要素のスライダーを作成し、その値を自動的に更新したいと思います。

ここに画像の説明を入力

問題は、 NoUiSlider ディレクティブに値のスタンドアロン バインディングがないことです。

これが私の現在のコードを示すPlunkerです: http://plnkr.co/edit/ljm96tdcGgvwo3Hnayfk?p=preview

配列からアイテムをバインドして、残りのオプションをそのオプション オブジェクトに保持することはできますか?