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"); //results in the error below:

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.removeAttribute("animation__scale"); 替换了 cylinder.components["animation__scale"].remove();，现在正在更新 DOM。

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

Aframe 动画组件未删除

Aframe animation component not removing

aframe