Javascript 聚合物芯元件的使用问题_Javascript_Polymer_Web Component

Javascript 聚合物芯元件的使用问题

javascript polymer

Javascript 聚合物芯元件的使用问题,javascript,polymer,web-component,Javascript,Polymer,Web Component,我正在测试谷歌的，试图得到一个工作抽屉面板（）。但任何核心元素的任何建议都可能奏效。我遵循了规定的安装过程（）在尝试使该组件工作时，我遇到了两个主要问题：默认情况下，左面板不响应鼠标单击。但是，当宽度低于480px时，它确实会隐藏该样式仅适用于Chrome（V38.0.2125.104），而不适用于Firefox（V33.0.2）或Safari（V7.0.6）。我认为所有这些浏览器都提供了Web组件支持。如果没有，则platform.js添加了Polyfill支持下面是我正在使用的HT

我正在测试谷歌的，试图得到一个工作抽屉面板（）。但任何核心元素的任何建议都可能奏效。我遵循了规定的安装过程（）

在尝试使该组件工作时，我遇到了两个主要问题：

默认情况下，左面板不响应鼠标单击。但是，当宽度低于480px时，它确实会隐藏
该样式仅适用于Chrome（V38.0.2125.104），而不适用于Firefox（V33.0.2）或Safari（V7.0.6）。我认为所有这些浏览器都提供了Web组件支持。如果没有，则
```
platform.js
```
添加了Polyfill支持
下面是我正在使用的HTML

关于i）如何使其工作以及ii）如何使其跨浏览器工作，有何指导

   <html class="no-js lt-ie9 lt-ie8 lt-ie7">
      <style src="css/style.css"></style>
      <link href="bower_components/core-elements/core-elements.html" rel="import">
      <link href="bower_components/core-drawer-panel/core-drawer-panel.html" rel="import">
      <core-drawer-panel>
         <core-header-panel drawer="" id="drawer-panel">
            <core-toolbar>
               <div>Side Panel</div>
            </core-toolbar>
         </core-header-panel>
         <core-header-panel main="">
            <core-toolbar>
               <div>Main Panel</div>
            </core-toolbar>
         </core-header-panel>
      </core-drawer-panel>
   </html>


侧板
主面板

如果您已经导入core-elements.html（也称为所有核心元素），则不需要导入core-drawer-panel.html。您能提供更多详细信息吗？这有点模糊。“不响应鼠标单击”和“样式仅在..中工作”当然。事实上，昨晚我的跨浏览器功能正常工作。但是如果你看一下，点击按钮可以切换左侧面板的进出。即使我尝试直接打开、关闭或切换：

document.querySelector（'core-drawer-panel'）.togglePanel（）。需要检查一件事：您的platform.js脚本需要高于html导入。（他们正在努力解决这个问题）。