Question

我有一个包含大量标记的SVG地图，下面是标记的示例：

<circle class="datamaps-bubble" cx="199.67719373932673" cy="271.2977290725644" r="2" data-info="{&quot;name&quot;:&quot;Goes&quot;,&quot;latitude&quot;:&quot;51.5061463&quot;,&quot;longitude&quot;:&quot;3.877372599999944&quot;,&quot;radius&quot;:&quot;2&quot;,&quot;animate&quot;:&quot;yes&quot;}" style="stroke: rgb(249, 178, 35); stroke-width: 4px; fill-opacity: 0; fill: rgb(156, 156, 156);" data-previousAttributes="{&quot;fill&quot;:&quot;rgb(156, 156, 156)&quot;,&quot;stroke&quot;:&quot;rgb(249, 178, 35)&quot;,&quot;stroke-width&quot;:&quot;4px&quot;,&quot;fill-opacity&quot;:&quot;0&quot;}"></circle>

我在名为“动画”的地图标记中添加了“数据信息”属性，例如“动画”：“是”。对于具有此“动画”的元素：“是”属性我想添加（或以某种方式设置动画）标记，如下例所示：http://jsfiddle.net/Fy8vD/1694/

非常感谢任何帮助。

Answer 1

你称之为动画的数据信息是什么意思？你不应该尝试像data-animated =“yes”这样的东西吗？

然后访问它

if($("circle").data("animated")=="yes")
    #code

Answer 2

使用CSS动画，我会选择：

circle[data-animated='yes'] {
  //some animations here
}

使用JS（使用jQuery），我会这样做：

$("circle[data-animated='yes']").coolAnimation();

根据DIV的数据信息向DIV添加动画

2 个答案: