不適用於火狐的聚合物示例

當我意識到我的紙張下拉菜單元素無法在更新的Firefox上工作但在Chrome中沒有任何問題時，我正在編寫Polymer應用程序。不適用於火狐的聚合物示例

所有的bower組件都正確安裝並可訪問。任何瀏覽器都沒有控制檯錯誤。

<html> 
<head> 
    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script> 

    <link rel="import" href="bower_components/polymer/polymer.html"> 

    <link rel="import" href="bower_components/core-menu/core-menu.html"> 
    <link rel="import" href="bower_components/paper-item/paper-item.html"> 
    <link rel="import" href="bower_components/paper-dropdown/paper-dropdown.html"> 
    <link rel="import" href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html"> 
    <link rel="import" href="bower_components/paper-button/paper-button.html"> 
</head> 

<body> 

    <style> 
     paper-dropdown-menu { 
      left: 24px; 
      width: 180px; 
     } 
    </style> 

     <paper-dropdown-menu label="Your favorite food"> 
      <paper-dropdown class="dropdown"> 
       <core-menu class="menu"> 
        <paper-item>Pasta</paper-item> 
        <paper-item>Pizza</paper-item> 
       </core-menu> 
      </paper-dropdown> 
     </paper-dropdown-menu> 

     <paper-button raised>CLICK ME</paper-button> 
</body> 
</html>

更新：我試圖下載paper-dropdown-menu demo並在本地主機上運行它。使用bower安裝所有組件，但仍然無法在Firefox中使用。在Chrome中運行良好。

<html> 
<head> 
<script src="bower_components/webcomponentsjs/webcomponents.js"></script> 

<link href="bower_components/core-collapse/core-collapse.html" rel="import"> 
<link href="bower_components/core-menu/core-menu.html" rel="import"> 
<link href="bower_components/paper-dropdown/paper-dropdown.html" rel="import"> 
<link href="bower_components/paper-item/paper-item.html" rel="import"> 
<link href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html" rel="import"> 
</head> 
<body> 

<template is="auto-binding"> 

    <paper-dropdown-menu label="Your favorite pastry"> 
     <paper-dropdown class="dropdown"> 
     <core-menu class="menu"> 
      <template repeat="{{pastries}}"> 
      <paper-item>{{}}</paper-item> 
      </template> 
     </core-menu> 
     </paper-dropdown> 
    </paper-dropdown-menu> 

</template> 

<script> 
    scope = document.querySelector('template[is=auto-binding]'); 

    scope.pastries = [ 
    'Apple fritter', 
    'Croissant', 
    'Donut' 
    ]; 
</script> 

</body> 
</html>

來源

2014-12-13 Diego Cerdan Puyol

爲什麼我被低估？ – 2014-12-15 05:01:28

出於某種原因，它不會本地主機端口8000上運行，但本地主機端口上的偉大工程80

剛把運行本地服務器這樣的：

sudo python -m SimpleHTTPServer 80

來源

2014-12-15 06:39:47

更改端口對我的Firefox沒有影響。 – socca1157 2015-10-22 17:37:04

不適用於火狐的聚合物示例

回答

相關問題