jquery - 为什么此代码适用于 body 标签而不是 target？

Question

我正在使用基于 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 插入到小部件脚本文件标记之后的行。

Answer 1

我不相信这与您的小部件有任何关系；我认为这只是拉斐尔的行为。

例如，我刚刚创建了一个新的 Raphael 画布，而不是使用您的小部件，它会生成相同的布局：

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