SVG填充动画循环坏了答案

【问题标题】：SVG fill animation cycle brokenSVG填充动画循环坏了
【发布时间】：2017-03-17 22:00:34
【问题描述】：

我希望简单地为 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。

写！

【问题讨论】：

标签： svg jquery-animate cycle

【解决方案1】：

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

【讨论】：

O_o 是的。盯着我的脸。谢谢。写！