Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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 Selectors_Polymer_Shadow Dom - Fatal编程技术网

Javascript 聚合物,强制堆芯抽屉面板抽屉关闭准备就绪

Javascript 聚合物,强制堆芯抽屉面板抽屉关闭准备就绪,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();

我试图强制核心抽屉面板的抽屉在聚合物就绪时关闭。目前,我有一个核心抽屉面板作为我定义的自定义元素的一部分。我尝试了以下方法:

“抽屉”是核心抽屉面板元件的ID

<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;
   }
});