Javascript函数参数不会加载

Question

我正在为svg文件设置动画，为了不使我的代码膨胀，我编写了以下函数：

function animateSingleAtt(svgName, element, attToAnimate, attValue, animationTiming) {
    svgName.select( element ).animate({
        attToAnimate : attValue
    }, animationTiming);
}

除attToAnimate外，所有参数都加载得很好。我不清楚为什么会这样 - 它只是作为一个名为＆＃39; attToAnimate＆＃39;的属性传递给svg元素。

我已经尝试将其记录在animate-function之外，当我这样做时，它已经通过了。

任何帮助将不胜感激！

Answer 1

看起来您正在使用attToAnimate作为对象的键。要正确执行此操作，请将代码更改为以下内容：

function animateSingleAtt(svgName, element, attToAnimate, attValue, animationTiming) {
  var anObject = {};
  anObject[attToAnimate] = attValue;
  svgName.select( element ).animate(anObject, animationTiming);
}

这应该正确构建您要传递给.animate

的对象