Polymer示例不適用於Firefox

Question

當我意識到我的paper-dropdown-menu元素不能用於更新的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演示並在localhost中運行它。 使用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>

Answer 1

出於某種原因，它不適用於localhost端口8000，但在localhost端口80上運行良好。

只需像這樣運行本地服務器：

sudo python -m SimpleHTTPServer 80

Polymer示例不適用於Firefox

問題描述

1 個解決方案

解決方案1
2 已采納 2014-12-15 06:39:47

Polymer示例不適用於Firefox

問題描述

1 個解決方案

解決方案1 2 已采納 2014-12-15 06:39:47

解決方案1
2 已采納 2014-12-15 06:39:47