我可以默认隐藏侧边栏吗?

启用侧边栏导航时,侧边栏默认显示,并且用户首次点击菜单图标时会隐藏侧边栏。

能否反转此设置,以便初始页面加载时显示全宽着陆页,并在用户点击菜单图标时显示侧边栏?

这有些相似,因为侧边栏似乎由 aria-expanded 属性控制

1 个赞

感谢分享!这种方法是这样的:

<script>
    $(document).ready(function(){ 
        jQuery(function(){
            jQuery('button.btn-sidebar-toggle).click();
        });
    }) 
</script>

这会导致侧边栏滑动到隐藏状态。因此,文档就绪时有一个自动动画,这不太理想。

我实际上也认为侧边栏是由 aria 属性控制的,所以我尝试了:

<script>
  $(document).ready(function(){ 
    $("button.btn-sidebar-toggle").attr("aria-expanded","false");    
  }) 
</script>

但该属性并不控制状态,它只是指示状态。所以这段代码会改变属性,但不会改变状态 :upside_down_face:

1 个赞

你好 Nolo,

我已经创建了一个组件来实现此目的。希望它能帮到你 :slightly_smiling_face:

4 个赞

是的,这确实有帮助!:smile: 这就是我搞砸但又弄不好的地方……

非常感谢分享 @Don :star2:

2 个赞

谢谢你,唐!太棒了!

1 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.