問題タブ [jquery-knob]

円形のプログレスバーの内側に画像を挿入したり、カバーしたり、交換したりできるかどうか知っていますか?

値を省略できることは知っていますが、交換できる場合は例やヒントはありません。

次のコードはうまく機能しますが、最大値ではなく、値で停止するアニメーションが必要です。現在、最大値まで行き、ノブの値で停止しません。何か案は？

Google ChromeのjQuery Knobに問題があります。

ページを変更してブラウザの戻るボタンをクリックするまで、すべて OK と表示されます。パーセンテージが繰り返され、ページを更新するまで円は表示されません。たとえば、次のリンクを確認してください。

http://gcmdesign.net/temp/knob/

リンクをクリックしてから、ブラウザの戻るボタンをクリックします。

なぜこれが起こっているのか誰にも分かりますか？FF、IE、サファリでテストしたところ、問題なく表示されました。Chrome でのみ、この問題が発生します。

jQuery Knob プラグインを使用していますhttps://github.com/aterrien/jQuery-Knob

今、私は次のjQuery Knob Initializationを持っています

主な問題は、ページに複数のノブがあることです。これらのノブは、実際にはワードプレスの投稿でループしています。

とにかく、各ノブは an に接続されてIDおり、これIDはループを通過するにつれて変化します。

スコアを更新できるようにするには、関数valueから取得する 2 つのノブと、ループ内でのみ取得できる が必要です。では、この関数の変数を取得するにはどうすればよいでしょうか?releasepost_idpost_id

通常は、buttonまたはリンクを追加するだけで済みますonclick="my_function(<?php echo $post_id; ?>)が、これではできません。このノブに対応する $id を取得し、パラメータとしてリリース関数に渡す最良の方法は何ですか?

jQuery.knobに問題があり、ノブの値にSufixx を追加する必要があります。

例: 値の後にサフィックス$が必要です。値フィールドに入力して表示しますが、その時点ではノブにステータスが表示されません。

ノブの状態は表示されません。（ただし、接尾辞は表示されています）。

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

サフィックスがなくても完全に機能するため、この問題の解決を手伝ってください。

私の問題のJsfiddleリンク：

http://jsfiddle.net/renishar/DWvsh/19/

jsfiddle では、$記号がなくても機能しますが、$記号の値では機能しません。

( $記号は任意の値または記号です)

読み取り専用の jQuery Knob があります。数値表示に単位を追加することはできましたが ( How to display units with Jquery Knob に従って)、ページをリロードするとダイヤルの前景 (つまり、グラフィカルな値インジケーター) が表示されなくなりました。

ここに私のHTMLがあります:

({{ workload }}は浮動小数点の Django テンプレート値です - 正しく置換されています )

jQuery 対応関数の内部には、次のものがあります。

fgColorはもともとテンプレート値から設定されていましたが、上記のコードをハードコーディングfgColorしても同じ結果が得られます。

コールバックのコメント アウトはdraw期待どおりに機能します。ノブは、中央に数値があり、外側の円弧に赤色のインジケータが表示された状態で完全に描画されます。コメントを外すとdraw、数値の書式設定が修正されます (小数点なし + パーセント記号)。数値のフォーマットは、最初の表示と再読み込みで正しいままです。ただし、赤い弧は最初の表示にのみ表示されます。ページが再ロードされると消えます。

それで、何が起こっているのですか？drawjquery-knob独自のキャンバス描画メソッドをオーバーライドしていますか? もしそうなら、どうすればグラフィカルな描画部分を呼び出すことができますか?

jKnob を使用する HTML コードを動的に生成する必要があります。

このコードは動作します:

このコードは機能しません:

(コンテンツは生成されますが、スタイルやノブの機能はありません) 要約すると、ノブは HTML として入力された場合は機能しますが、JS によって動的に生成された場合は機能しません。

私は動的に JS をロードします - ファイル:

ソースでエラーが発生します

すべてを使用してページ内のソースをロードすると正常に動作しますが、ページ全体を JS ファイルにラップする必要があります

コンソールに他のエラー メッセージは表示されません。特に、セキュリティ関連のエラー メッセージは表示されません。

（更新）完全なノブソースをコピーして.JSに貼り付けるだけで機能しますが、もちろんこれは私の好みのソリューションではありません