0

我不斷地收到錯誤,抱怨在本地服務下面的演示時無法運行動畫。 Although it does work in my jsBin如何讓紙張菜單按鈕正常工作?

http://jsbin.com/kadugokade/edit?html,console,output
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 

    <base href="http://polygit.org/polymer+:master/components/"> 
    <script src="webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="polymer/polymer-element.html"> 
    <link rel="import" href="paper-menu-button/paper-menu-button.html"> 
    <link rel="import" href="paper-icon-button/paper-icon-button.html"> 
    <link rel="import" href="paper-listbox/paper-listbox.html"> 
    <link rel="import" href="paper-item/paper-item.html"> 
    <link rel="import" href="iron-icons/iron-icons.html"> 
    <link rel="import" href="iron-icon/iron-icon.html"> 

    <!-- Ensure Web Animations polyfill is loaded since neon-animation 2.0 doesn't import it --> 
    <link rel="import" href="neon-animation/web-animations.html"> 

</head> 
<body> 
    <dom-module id="my-el"> 
    <template> 
     <paper-menu-button> 
     <paper-icon-button icon="menu" slot="dropdown-trigger" alt="menu"></paper-icon-button> 
     <paper-listbox slot="dropdown-content"> 
      <paper-item>alpha</paper-item> 
      <paper-item>beta</paper-item> 
      <paper-item>gamma</paper-item> 
      <paper-item>delta</paper-item> 
      <paper-item>epsilon</paper-item> 
     </paper-listbox> 
     </paper-menu-button> 
    </template> 
    <script> 
     class MyEl extends Polymer.Element { 
     static get is() { return 'my-el' } 
     } 
     customElements.define(MyEl.is, MyEl); 
    </script> 
    </dom-module> 

    <my-el></my-el> 
</body> 
</html> 

回答

1

檢查,看看是否有web-animations-js/目錄中安裝,通過下面的進口所需。

bower_components /霓虹燈動畫/ WEB-animations.html
<script src="../web-animations-js/web-animations-next-lite.min.js"></script> 

您可以選擇使用導入它:

bower install --save web-animations/web-animations-js 
相關問題