Polymer:绑定到核心动画页面的链接

时间:2014-10-31 12:40:22

标签: polymer

我正在尝试使用聚合物动画页面,但它确实如此 在控制台上返回错误:

 Uncaught TypeError: Cannot set property 'selected' of null

这是代码                                                   

    

<core-animated-pages id="pp" selected="0">
    <section id="signin">
            aa
            <a href="/#" onclick="hi()">cc</a>
     </section>
     <section id="signup">
        bb
     </section>
<core-animated-pages>
<script>
    function hi(){
         var pp = document.getElementById('pp');
         pp.selected='1';
    }
</script>
</template>
<script>


    Polymer({});
</script>

1 个答案:

答案 0 :(得分:0)

这对我有用。注意:selected应设置为整数索引,而不是字符串。

&#13;
&#13;
<script src="http://www.polymer-project.org/platform.js"></script>

<link rel="import" href="http://www.polymer-project.org/components/core-animated-pages/core-animated-pages.html">

<core-animated-pages id="pp" selected="0">
    <section id="signin">
            aa
            <a href="/#" onclick="hi()">cc</a>
     </section>
     <section id="signup">
        bb
     </section>
<core-animated-pages>

  <script>
    function hi(){
         var pp = document.getElementById('pp');
         pp.selected= 1;
         return false;
    }
</script>
&#13;
&#13;
&#13;