不适用于火狐的聚合物示例

当我意识到我的纸张下拉菜单元素无法在更新的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

不适用于火狐的聚合物示例

回答

相关问题