所以我非常喜欢Polymer paper-ripple
附带的免费paper-button
效果。但是,如果我需要做一个动画(或任何阻止css动画的动画)以响应按钮点击,那么纹波会被切断。
到目前为止,我发现的唯一工作是等到波纹完成后会出现如下代码:
<paper-button id="button" on-tap="_action"></paper-button>
...
_action: function (event) {
var response = function (event) {
this.$.button.removeEventListener('transitionend', response);
//take action here ...
}.bind(this);
this.$.button.addEventListener('transitionend', response);
}
但这看起来很迂腐。我应该在这里使用更简洁的模式吗?