0

このコードを使用して選択した要素の内部に適用するのではなく、jQuery UI ウィジェット ベースのプラグインを使用して、Raphael 経由で SVG を要素に適用しています...

$('#red-dial').dial({
  barColor: '#F1858F',
  barValue: 26
});​

...終了BODYタグの直前にSVGコンテンツを追加しているようです。私のプラグイン内で 'this.element' をコンソールに記録すると、正しい HTML 項目 #red-dial が選択されていることが示され、ウィジェット プラグインに変換する前に同じコードが機能していたため、これは奇妙です。

なぜこれができるのか誰にも分かりますか？確かに、それはおそらく私の側のばかげたエラーです!

すべてのコードの完全な JSFiddle: http://jsfiddle.net/vQJng/4/

更新: ウィジェットを呼び出すスクリプト ファイルの後に、スクリプトが SVG を挿入していることがわかった。たとえば、コードを入れた場合：

$('#red-dial').dial({
  barColor: '#F1858F',
  barValue: 26
});

ウィジェット ファイルの最後で、ウィジェット スクリプト ファイル タグの後の行に SVG が挿入されます。

4

1 に答える 1

0

これはあなたのウィジェットとは関係ないと思います。これがまさにラファエルの振る舞いだと思います。

例として、ウィジェットを使用する代わりに新しい Raphael キャンバスを作成したところ、同じレイアウトが生成されます。

http://jsfiddle.net/vQJng/5/

ここに画像の説明を入力

于 2012-06-11T14:44:54.093 に答える