不移除Aframe动画组件

Question

我尝试了几种方法来删除动画(从html属性本身)：

element.components["animation__0"].remove(); 
//above works, but has no affect on html list, just "stops" animation.  

delete element.components.animation__0;
//works, in theory but html attribute still there

$("#id").removeAttr("animation__0")；//导致以下错误：

aframe-animation-component.js:468 Uncaught TypeError: Cannot read property '2' of null(…)
getUnit @   aframe-animation-component.js:468
getValidValue   @   aframe-animation-component.js:523
getTweenValues  @   aframe-animation-component.js:584
(anonymous function)    @   aframe-animation-component.js:601
(anonymous function)    @   aframe-animation-component.js:594
getTweensProps  @   aframe-animation-component.js:592
getTweens   @   aframe-animation-component.js:614
createAnimation @   aframe-animation-component.js:755
animation   @   aframe-animation-component.js:784
update  @   aframe-animation-component.js:128
updateProperties    @   component.js:211
value   @   a-entity.js:446
value   @   a-entity.js:607
attr    @   jquery.js?hash=22a0055…:8028
removeAttr  @   jquery.js?hash=22a0055…:8068
(anonymous function)    @   jquery.js?hash=22a0055…:7991
each    @   jquery.js?hash=22a0055…:442
each    @   jquery.js?hash=22a0055…:194
removeAttr  @   jquery.js?hash=22a0055…:7990
(anonymous function)    @   VM8102:1

在删除组件等之后，我还尝试了flushToDOM() .似乎没有改变任何html

代码笔：http://codepen.io/msj121/pen/yVVmvL

Answer 1

看看你的笔叉：http://codepen.io/thoragio/pen/xRgKBQ

我用cylinder.components["animation__scale"].remove();替换了cylinder.removeAttribute("animation__scale");，而DOM现在正在更新。

另外，第一个console.log()需要在setTimeout()方法之外，否则您只是同时调用它们。