SVG 填充动画循环中断

Question

我希望简单地为 SVG 的两种填充颜色设置动画。乒乓球，循环，无论你想怎么称呼它。这些部分各自工作，但放在一个递归函数中形成循环会破坏它。

这是我的（使用 jQuery）：

$(document).ready( function() {
    var items = $('.st1');
    items.css('fill', '#ff3600');
    bl-colorCycle();
    function bl-colorCycle() {
      console.log('color cycle called');
      items.animate({fill: '#00ffcc'}, 5000, 'linear', bl-colorCycle);
    }
  });

出于某种原因，这会引发此错误：

SyntaxError: missing ( before formal parameters

我到底错过了什么？我已经把它拆开好几次了，我这辈子都找不到丢失的'('到底在哪里！我已经阅读了我在这里能找到的所有内容，但在这种情况下没有找到任何帮助。我'我什至尝试将函数调用放在最后，只是为了看看是否有一些奇怪的网络巫术在起作用......bupkiss。:(

我希望外面的人眼光更敏锐...:P

TIA。

WR！

Answer 1

连字符（“-”）不是合法的标识符字符。请尝试使用下划线 ("_")。 IE。 bl_colorCycle().

SVG 填充动画循环中断

SVG fill animation cycle broken

svg

cycle

jquery-animate