問題タブ [jquery-knob]

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 に答える
4626 参照

jquery - Jquery Knobで単位を表示する方法

私は Jquery ノブ ( http://anthonyterrien.com/knob/ ) を使用していますが、うまく機能しますが、中間に無次元の数値を表示するのではなく、ei % や F などの単位を表示したいと思います...どのように私はこれを行うことができますか?

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

javascript - クエリノブを使用してノブの色を変更する

ノブ jQuery を使用してインタラクティブなノブを作成しています。これにより、sunstantial は電力網を消費しているエネルギーを確認できます。

これはノブを生成するコードです

これは入力です:

ノブが 1500 未満の場合は緑、1500 から 3000 の間の場合は黄色、3000 を超える場合は赤になるようにしたいと思います。

これどうやってするの?

ありがとう

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

javascript - キャンバス内でノブにラベルを付ける方法

ノブ.js プラグインで提供される値フィールド内にもテキストを含める方法を知りたいです。

https://github.com/aterrien/jQuery-Knob

値内にもテキスト フィールドを含めることができるパラメーターに遭遇しませんでした。回避策がある場合は、それを手伝ってください。

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

javascript - jQuery Knob - オンデマンドで複数のノブの値を返しますか?

[jsFiddle][1]

jQuery を使用して、オンデマンドで正しい (表示された) [knob][2] 値にアクセスする必要があります。機能については知ってい'change'ますが、一度に複数のノブの値にアクセスする必要があります。

これらの各ノブの値に特定の量を掛けてから、結果を合計する必要があります。'change'スクリプトがそれらの値を区別できるように、ノブidまたはその他の識別属性を提供する関数を取得する方法はありますか?

この計算関数は私がこれまでに持っているもので、すべてのノブで'change'、ボタンがクリックされたときにトリガーするようにしました:

これでノブをセットアップします:

.val()遅れているように見えるため機能しません。初めて実行すると、結果は更新されず、連続して実行されますが、以前の値に変更されます。

何か案は?

編集:id値が変更されたノブを取得できれば、次のことができます。

そして、knobs再計算するたびにオブジェクトを読み取ることができます。[1]: http://jsfiddle.net/SoullessWaffle/2mt2U/ [2]: http://anthonyterrien.com/knob/

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

javascript - jQuery ノブのホバー アニメーション

ホバリングでいっぱいになるノブサークルをアニメーション化したいと思います。私はKnobを初めて使用するので、どこにエラーがあるのか​​ 、正しい方向にあるのかさえわかりません。現在、円さえ表示されていません:(

基本的に、ホバリングでいっぱいになるアイコンの周りに円を描きたいだけです。多分私はそれをより簡単に達成できますか?

これは、正しい値で開始および停止するという小さな修正に加えて、アニメーションを中断することなく中断できるようにするためのソリューションです。

HTML:

Javascript:

ここにJSFiddleがあります

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

jquery - ロードセクションでjqueryノブをアニメーション化

私はウェブサイトで jquery.knob プラグインを使用していますが、実装は非常に簡単です。私はそれをアニメーション化し、すべて問題ありませんが、Web の特定のセクションにスクロールしたときにアニメーション効果を開始したいと思います。たとえば、#about セクションにスクロールしたときです。

それが可能かどうか誰でも知っていますか?

前もって感謝します

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

jquery - JQuery Knob プラグイン - 読み取り専用ノブで上昇する値をアニメーション化しますか? - キャンバス

これは、動的統計ホイール (「ノブ」) を作成できる JQ Knob プラグインの JSFiddle です。

ノブ入力は非常に基本的です。

そして、彼らは素晴らしく見えます:

ここに画像の説明を入力

JSFiddle (完全な 694 行ソース):

http://jsfiddle.net/zfbud/

このプラグインを修正して、js を介して入力されたときにノブが動的に満たされるようにしようとしています。

そのトリガーをスナップするのではなく、アニメーション化された方法で値を追加するのは簡単な修正であるように思えますが、私はそれを壊し続けており、javascript にはかなり慣れていません。

このシンプルなプラグインをアニメーション化して、読み取り専用ノブの変更を行うことができる人はいますか (または既に修正を知っています)。

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

jquery - 低解像度での jQuery ノブ

モバイル Web アプリでjQuery Knobを使用しようとしているため、画面解像度は 320x480 です ( http://www.resizemybrowser.com/を使用してテストできます)。ただし、この解像度では内部テキストが正しく表示されず、まったく表示されません。すべてのオプションとソースをいじってみましたが、成功しませんでした。助言がありますか?

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

javascript - jQuery Knobはanimateで値を更新します

jQuery Knob を使用して時計を作成しようとしています。私の時計は動作しています ( http://jsfiddle.net/Misiu/9Whck/1/ ) が、現在、いくつかの機能を追加しようとしています。
最初はすべてのノブを 0 に設定し、次にanimateそれらの値を現在の時刻にアニメーション化してから、通常のタイマー更新を開始します。

私のコードは次のようになります (デモはこちら: http://jsfiddle.net/Misiu/cvQED/81/ ):

whenノブごとに個別にアニメーションを呼び出す必要がありますが、内部でアニメーションを 1 つだけ使用したい場合data-targetValueがあります。

これはできますか?

0 投票する
3 に答える
1685 参照

jquery - ノブ - 円の内側にテキストを合わせる

特に、時間、分などのラベルを追加しようとしています.
しかし、テキストを円の中に収めることはできません。現時点では、描画関数内でこれを使用しています:

これを達成するためのよりエレガントな方法も探しています。
JSfiddle: http://jsfiddle.net/c963c/