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

我错过了什么？我已经好好撕裂了几次，为了我的生命，我无法发现失踪的地方在哪里（＆＃39;是的！我已经读完了我能在这里找到的一切，并且在这种情况下没有找到任何帮助。我甚至尝试将函数调用放在最后，只是为了看看是否有一些奇怪的web-voodoo在起作用... bupkiss。:(

我希望那里的人有更敏锐的眼睛......：P

TIA。

WR！

Answer 1

连字符（＆＃34; - ＆＃34;）不是合法的标识符字符。请尝试使用下划线（＆＃34; _＆＃34;）。 IE浏览器。 bl_colorCycle()。