Javascript 聚合物,强制堆芯抽屉面板抽屉关闭准备就绪
我试图强制核心抽屉面板的抽屉在聚合物就绪时关闭。目前,我有一个核心抽屉面板作为我定义的自定义元素的一部分。我尝试了以下方法: “抽屉”是核心抽屉面板元件的IDJavascript 聚合物,强制堆芯抽屉面板抽屉关闭准备就绪,javascript,css-selectors,polymer,shadow-dom,Javascript,Css Selectors,Polymer,Shadow Dom,我试图强制核心抽屉面板的抽屉在聚合物就绪时关闭。目前,我有一个核心抽屉面板作为我定义的自定义元素的一部分。我尝试了以下方法: “抽屉”是核心抽屉面板元件的ID <core-drawer-panel id="drawer" drawerWidth="155px" touch-action="pan-y" selected="main" narrow> Polymer({ ready: function(){ this.$.drawer.togglePanel();
<core-drawer-panel id="drawer" drawerWidth="155px" touch-action="pan-y" selected="main" narrow>
Polymer({
ready: function(){
this.$.drawer.togglePanel();
this.$.drawer.closePanel();
}
});
聚合物({
就绪:函数(){
此.drawer.togglePanel();
此.drawer.closePanel();
}
});
上述两个功能似乎都不会触发抽屉在启动时关闭,或者根本不会触发它。它们确实正确地引用了函数。我尝试了console.log(这个.drawer.togglePanel)编码>并打印正确的函数。除了执行一些CSS黑客,谁能告诉我我可能做错了什么
我可以通过强制使用窄布局(例如force窄=“true”
)来实现这一点,但这似乎并不能有效地解决我的问题
编辑:我也看过这个相关的。但是将responsiveWidth强制设置为一个大的数字似乎并不能解决问题……Hmmm,据我所知,togglePanel()
和closeDrawer()
仅在核心抽屉面板元件处于窄模式时工作
要强制组件处于窄模式,您似乎添加了shown
属性,但据我所知shown
只是一个getter,即要强制窄模式,您应该使用force窄=true
无论如何,ready()
事件似乎不是强制这种行为的好地方。我试着做相反的事情,设置force窄带=true
并在加载时打开抽屉。
它不适用于ready()
,但适用于domReady
。请参见文档中的元素生命周期方法:
希望对你有帮助 有一个未记录的隐藏的属性
只要做:
Polymer({
ready: function(){
this.$.drawer.hidden = true;
}
});