2014-09-21 58 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

相關問題