如何通过API代码触发Polymer纸波纹动画？

Question

I tried $.find("paper-ripple").animate(); 我试过$.find("paper-ripple").animate(); described at https://elements.polymer-project.org/elements/paper-ripple but this does not work. 在https://elements.polymer-project.org/elements/paper-ripple中进行了描述，但这不起作用。

Answer 1

You can use simulatedRipple() method of paper-ripple. 您可以使用纸纹波的simulatedRipple()方法。

 <!DOCTYPE html> <html> <head> <base href="https://polygit.org"> <script src="/components/webcomponentsjs/webcomponents-lite.min.js"></script> <link rel="import" href="/components/polymer/polymer.html"> <link rel="import" href="/components/paper-ripple/paper-ripple.html"> <style> .card { position: relative; display: inline-block; width: 300px; height: 240px; vertical-align: top; background-color: #fff; box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24); } </style> </head> <body> <template id="demo" is="dom-bind"> <div class="card"> <paper-ripple recenters></paper-ripple> </div> </template> </body> <script> var demo = document.querySelector('#demo'); demo.addEventListener('dom-change', function() { setInterval(triggerRipple, 1000); }); triggerRipple = function() { var paperRipple = document.querySelector('paper-ripple'); paperRipple.simulatedRipple(); } </script> </html>

如何通过API代码触发Polymer纸波纹动画？

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-11-01 06:21:42

如何通过API代码触发Polymer纸波纹动画？

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-11-01 06:21:42

解决方案1
1 已采纳 2015-11-01 06:21:42