霓虹灯动画不会在里面一个div工作纸质对话框

我想显示<paper-dialog>，然后，如果我按<button>我<div>里面，这是这里的红色矩形会去向上和向下我<paper-dialog>喜欢它里面正在扫描某物。因此，这里是我如何创建它们的代码：霓虹灯动画不会在里面一个div工作纸质对话框

<paper-button raised onclick="dialog.open()">plain dialog</paper-button> 

<paper-dialog id="dialog"> 
     <div id="rect" style="width:100px;height:100px;background-color:red"></div> 
     <h1>essai</h1> 
     <h1>essai</h1> 
     <button on-tap="move" raised>Move above rectangle</button> 
     <h1>essai</h1> 
     <div id="fin">fin</div> 
</paper-dialog>

但动画并不在所有的工作，下面是我的脚本代码：

is: 'my-qrcodescanner', 

    behaviors: [ 
     Polymer.NeonAnimationRunnerBehavior 
    ], 

    property: { 

     animationConfig: { 
      value: function() { 
      return { 
       'move': [{ 
        name: 'slide-down-animation', 
        node: this.$.rect 
       }, { 
        name: 'slide-up-animation', 
        node: this.$.rect, 
        timing: {delay: 100} 
       }] 
      } 
      } 
     } 
    }, 

    move: function() { 
     this.playAnimation('move'); 
    }

我看不到我的错，我的进口是好的我检查了这一点，我甚至试图用动画脚本创建一个自定义元素<my-animatable>，然后使用样式作为红色矩形，但它也不起作用。

Here如果需要我的完整代码。

现在风格很混乱，稍后我会改进它，我只是希望动画在点击按钮时工作。

来源

2017-04-26 Rhohen

这不是属性，而是属性。这是否是原因？因为动画'移动'是无效的 –

就是这样，没有看到我的错误，我现在觉得有点愚蠢.. 但是非常感谢！ – Rhohen

我添加了答案，以便将来的用户知道。许多人不回答问题 –

问题出现在自定义元素属性的声明中。这不是property而是properties。

这可能发生在每个人身上，对初学者来说很难识别这个错误。由于您没有来自Polymer或neon-animation的关于未定义动画的反馈

来源

2017-04-26 09:02:33

霓虹灯动画不会在里面一个div工作纸质对话框

回答

相关问题