Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 纸盒面板默认为窄_Javascript_Css_Polymer_Paper Elements - Fatal编程技术网

Javascript 纸盒面板默认为窄

Javascript 纸盒面板默认为窄,javascript,css,polymer,paper-elements,Javascript,Css,Polymer,Paper Elements,在Firefox 39.0和Chrome 43.0上使用Polymer 1.0 聚合物起动器套件 我基本上有: 抽屉 主要的 这是来自聚合物起动器套件 我从纸盒面板中删除了force窄带属性,甚至尝试添加属性窄=假,但当我在笔记本电脑15屏幕上的浏览器中查看站点时,面板始终处于窄带模式。当我在控制台中查看窄属性时,它被设置为true 据我所知,当窗口大于responsiveWidth时,抽屉和主要内容将并排出现。那么为什么我没有看到这种行为呢?在聚合物初学者工具包中,在app/scripts

在Firefox 39.0和Chrome 43.0上使用Polymer 1.0

聚合物起动器套件

我基本上有:

抽屉 主要的

这是来自聚合物起动器套件

我从纸盒面板中删除了force窄带属性,甚至尝试添加属性窄=假,但当我在笔记本电脑15屏幕上的浏览器中查看站点时,面板始终处于窄带模式。当我在控制台中查看窄属性时,它被设置为true


据我所知,当窗口大于responsiveWidth时,抽屉和主要内容将并排出现。那么为什么我没有看到这种行为呢?

在聚合物初学者工具包中,在app/scripts/app.js中:

行drawerPanel.force窄=true;强制抽屉面板变窄。您可以注释掉该行以获得适当的行为


我相信初学者工具包中包含了这一点,以演示如何获得始终具有可折叠抽屉的相反行为。

在聚合物初学者工具包中,在app/scripts/app.js内:

行drawerPanel.force窄=true;强制抽屉面板变窄。您可以注释掉该行以获得适当的行为

我相信初学者工具包中包含了这一点,以演示如何获得始终具有可折叠抽屉的相反行为。

只需在您的纸盒面板中添加强制窄化而不是强制窄化,然后删除javascript即可。camelCase中的聚合javascript属性(如Force窄带)将与HTML中的camelCase匹配

使用窄=真将不起作用,因为这是抽屉的状态,将有效地永远隐藏元素

只需在您的抽屉面板中添加“强制缩小”而不是“强制缩小”,然后删除javascript。camelCase中的聚合javascript属性(如Force窄带)将与HTML中的camelCase匹配


使用窄=真将不起作用,因为这是抽屉的状态,将有效地永远隐藏元素

设置窄幅=false实际上是设置窄幅===true。布尔属性如果存在,则始终为真,无论您为其指定了什么值。在html中使窄值为false的唯一方法是不包含它。否则,若要将其设置为false,您可以调用document.getElementById'PaperDroperPanel';设置窄幅=false实际上是设置窄幅===true。布尔属性如果存在,则始终为真,无论您为其指定了什么值。在html中使窄值为false的唯一方法是不包含它。否则,若要将其设置为false,您可以调用document.getElementById'PaperDroperPanel';这一点在Polymer 1.0文档中没有得到很好的解释。例如,他们应该提到JS属性force窄对应于force窄html AttributeGod点,这在Polymer 1.0文档中没有得到很好的解释。例如,他们应该提到JS属性force窄对应于force窄html属性
window.addEventListener('WebComponentsReady', function() {
  document.querySelector('body').removeAttribute('unresolved');

  // Ensure the drawer is hidden on desktop/tablet
  var drawerPanel = document.querySelector('#paperDrawerPanel');
  drawerPanel.forceNarrow = true;
});