Polymer Paper-Tab核心动画页面。添加核心动画页面时无法正常工作。

时间:2015-02-20 01:15:30

标签: javascript html5 polymer

这是我的html 这是最重要的身体:

      </div>
        </div>
            <div horizontal center-justified layout>
                <img src ="http://andrewhennessy.net.s3.amazonaws.com/www.drudgereport.com/i/logo9.gif"</img>
            </div>

          <core-toolbar class="medium-tall">

          <paper-icon-button id="navicon"
            icon="more-vert"></paper-icon-button>

          <span flex>Main</span>

          <paper-icon-button id="morebutton"
            icon="home"></paper-icon-button>

          <paper-tabs class="bottom fit" selected="0" id="tabs">
            <paper-tab onClick="stuff(0);">Top</paper-tab>
            <paper-tab onClick="stuff(1);">Left</paper-tab>
            <paper-tab onClick="stuff(2);">Center</paper-tab>
            <paper-tab onClick="stuff(3);">Right</paper-tab>
          </paper-tabs>
       </core-toolbar>

       <div layout horizontal center-center fit>
    <core-animated-pages  selected="0" transitions="slide-from-right">
  <section layout vertical center-center>
  <div>Single</div>
  </section>
  <section layout vertical center-center>
    <div>page</div>
  </section>
  ...
    </core-animated-pages>
  </div>

和我的剧本:

   function change() {
     var s = document.querySelector('select');
     document.querySelector('core-animated-pages').transitions =           document.querySelector('select').options[s.selectedIndex].value;
}

function stuff(page) {
  var p = document.querySelector('core-animated-pages');
  p.selected = page;

}

我确保输入所有必需的聚合物元素,这不是问题。

每当我尝试使用核心动画页面时,整个程序就会停止工作我需要帮助整合核心动画页面和纸张标签布局。

0 个答案:

没有答案