2014-09-21 31 views
0

试过这样的东西,但不起作用?如何设置core-animated-pages-transition-end事件处理程序?

<polymer-element name="my-element" attributes="select"> 
<template> 
    <core-animated-pages fit selected="{{select}}" id="core_page"> 
      .... 
    </core-animated-pages> 
</template>  
<script> 
    Polymer('my-element', { 
     select:0, 
     ready: function(){ 
      this.$.core_page.addEventListener("core-animated-pages-transition-end", function(e) { 
       console.log('Hello') 
      }) 
     } 
    }); 
</script> 
</polymer-element> 

回答

2

这为我工作开箱:http://jsbin.com/wekux/1/edit

顺便说一句,它更容易使用声明的事件处理程序(安装使用addEventListener的):

<core-animated-pages fit .. on-core-animated-pages-transition-end="{{transitionEnd}}"> 
+0

它清楚地工作在你的例如jsbin,但对我来说,它不能在聚合物模板中声明或手动工作。这一定是愚蠢的我在这里做错了... – 2014-09-22 21:48:12

+0

Aaaa我知道这是愚蠢的东西,我没有使用过渡大声笑,除了从父元素的幻灯片右...好吧去试一下... – 2014-09-22 21:56:28

+0

我的大脑无法处理它,元素2更改element1上的页面,但它必须等待父动画完成? '' – 2014-09-22 22:14:19

相关问题