Javascript 纸盒面板默认为窄
在Firefox 39.0和Chrome 43.0上使用Polymer 1.0 聚合物起动器套件 我基本上有: 抽屉 主要的 这是来自聚合物起动器套件 我从纸盒面板中删除了force窄带属性,甚至尝试添加属性窄=假,但当我在笔记本电脑15屏幕上的浏览器中查看站点时,面板始终处于窄带模式。当我在控制台中查看窄属性时,它被设置为trueJavascript 纸盒面板默认为窄,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
据我所知,当窗口大于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;
});