問題タブ [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 投票する
1 に答える
742 参照

javascript - Range Slider - スライド中の実行機能が機能しない?

ページでnoUISliderを使用して、ユーザーが値を選択できるようにしています。ただし、noUISliderの言葉は、人がスライドしているときに、基本的に数値をチェックする機能を実行し、数値が特定の値を下回っている場合はdivにテキストを表示するようにしたいと考えています。

問題は、非表示の入力に値が記録されるのに、テキストを表示する機能がまったく機能しないことです。

関数のコードは次のとおりです。

これは、動作するスライダーを含むコードのjsFiddleです。

スライダーがスライドしたときにテキストが div に表示されるようにコードを更新するにはどうすればよいですか?

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

javascript - Railsの「未定義は関数ではありません」

私は Ruby on Railsproject に取り組んでいて、noUislider を使用しようとしていて、Big Picture html テンプレートも使用しています。ただし、「未定義は関数ではありません」に遭遇し続けます

クロムからのエラー画像

これが私のapplication.jsファイルです。現在、colorPicker の例をテストとして使用しています。jQueryを正しい順序で含めていると確信しています。

そして、ここに index.html.erb ファイルがあります

私はこの問題に 10 時間以上費やしたので、誰か助けてください .. できるだけ早くこれを機能させる必要があります。

質問を解決するために他に提供する必要があるものがあれば教えてください。

編集: プロジェクト全体を削除し、scaffold を使用する代わりに、コントローラーと index というビューを作成し、テンプレート コードを内部に配置します。そして、それは機能します。しかし、なぜそれが以前に機能しなかったのかはまだわかりません。また、テンプレートをレールに統合する必要があり、パスの一部が内部でハードコードされており、完全に機能させることができないため、テンプレートを使用するのは非常に困難です。

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

javascript - jquery noUiSliderは外部JavaScript変数を関数に渡します

住宅ローン計算機で No.uislider スライダーを使用しています。人が以前に選択したオプションに応じて変化するため、変数を使用して最大値と最小値を指定する必要がありました。

これは私がこれまでに持っているものですが、変数が機能していませんか?

私の変数は: value_min value_max

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

javascript - スライダー値が設定された後、jquery で単純な乗算を実行します

範囲スライダーを組み込んで値 (この場合は年間走行距離) を設定し、その値を取り、設定された定数 (0.05) を掛けて、単位は英ポンド (£) で、小数点以下 2 桁の精度で適切に丸められた 2 番目のフォーム フィールドになります。No UI Slider ( http://refreshless.com/nouislider/ )というスライダーを使用しており、ここで基本的な要素を設定しています。

これは、部分的に機能する JS Fiddle です: http://jsfiddle.net/highlander/jMA98/1/ あなたの洞察や経験は大歓迎です。

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

javascript - nouislider jqueryスライダーに目盛りを追加する

プロジェクトの 1 つでnoUIslider ( http://refreshless.com/nouislider/ ) を使用しています。スライダーの各値の下に目盛りを配置する方法を知りたいです。これは、スライダーがどのように初期化されるかです:

このスライダーに目盛りを追加する方法を知っている人がいれば、大歓迎です。

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

angularjs - ディレクティブ内で属性値を文字列ではなく数値として評価する

私はAngularJSにかなり慣れていないので、これが本当に達成できるかどうかわかりません。カスタム ディレクティブ テンプレート内でこのangular ディレクティブを使用しており、その属性の一部を分離スコープ プロパティから設定したいと考えています。問題は、それらのいくつかは数値のみを受け入れ、Angular はそれらを文字列として評価するように見えることです。

たとえば、これは期待どおりに機能します。

次のように、分離されたスコープ プロパティから開始/終了/ステップ属性を設定できるようにしたいと考えています。

これは次のように解釈されます。

そして、次の例外が発生します。

ディレクティブ属性を文字列ではなく数値に評価する方法はありますか?

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

nouislider - nouislider と LibLink の問題

私はnouislider anadを使用していますが、スパンにリンクしようとする場合を除いて正常に動作します。次に、エラーが発生します: this.LinkConfirm is not a function。私はこのようにやっています:

次に、関数があります:

私が持っているhtmlで:

前もって感謝します