Neon 动画不适用于纸质对话框内的 div

Question

我想显示一个 <paper-dialog>，然后如果我在我的 <div> 中按下 <button>，这里的红色矩形会在我的 [=13] 中上下移动=] 好像在扫描什么东西。所以这是我如何创建它们的代码：

<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 是我的完整代码。

目前样式比较乱，以后会改进我只是想让点击按钮的时候动画生效

Answer 1

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

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

Neon 动画不适用于纸质对话框内的 div

Neon animation doesn't work on a div inside a paper-dialog

html

jquery

animation

polymer

neon-animation