Can';不要让选择器使用JQuery SVG库
我在使用Keith Wood的SVG库获取外部加载的SVG时遇到了问题 我可以通过以下方式加载外部SVG:Can';不要让选择器使用JQuery SVG库,jquery,jquery-plugins,jquery-selectors,svg,Jquery,Jquery Plugins,Jquery Selectors,Svg,我在使用Keith Wood的SVG库获取外部加载的SVG时遇到了问题 我可以通过以下方式加载外部SVG: $(document).ready ( function () { $("#some_id").svg({ loadURL: 'my_file.svg', onLoad: my_function, settings: {} }); }); svg.style('
$(document).ready ( function () {
$("#some_id").svg({
loadURL: 'my_file.svg',
onLoad: my_function,
settings: {}
});
});
svg.style('#parent_id {fill: blue}')
我可以让我的函数正常工作。我就是不能让选择器正常工作
我的外部加载SVG采用以下形式:
<g id="parent_id">
<path id = "child_1_id" />
<path id="child_2_id" />
etc. </g>
但当我尝试时:
svg.style('#child_id {fill: blue}')
什么也没发生
svg.style('g> path {fill: blue}') svg.style('g#parent_id > path {fill: blue}')
两者都很好-没问题。但在我介绍孩子id的那一刻,例如:
svg.style('g#parent_id > path#child_id {fill: blue}')
什么也没发生。我希望能够分别设置所有child_id元素的样式。我缺少什么?如果您的子ID在整个svg文档中都是唯一的,您可以使用以下jquery选择器:
var selector = 'svg path[id="child_1_id"]';
$(selector).attr('fill', 'blue');
您的svg获得
child_1_id
&child_2_id
但在脚本中使用#child_id
是否正常?这肯定是不一样的…对不起。转录错误。我试图运行的代码是:svg.style('g#parent_id>path#child_1_id{fill:blue}'))