javascript - 使 UIKit offcanvas 在没有按钮的情况下可见

Question

我最近一直在使用很多 UIKit 框架，习惯了。

问题是画布。我显然能够让它工作，但我想要的没有发生，我希望它在页面加载时打开，我尝试将 CSS 从无更改为阻止，但还没有更改。

这是 UIKit 页面的链接：https ://getuikit.com/docs/offcanvas

所以简而言之，问题是：offcanvas 菜单应该在页面加载时可见。

我确定其中涉及一些 Javascript 函数，但我仍然是初学者，因此非常感谢任何帮助。

提前欢呼和感谢。

Answer 1

您可以在 UIkit 准备就绪时执行 JavaScript UIkit.util.ready()，然后使用show()offcanvas 组件的方法。您需要使用查询选择器来定位 offcanvas 元素。offcanvas在此示例中，将触发带有 ID 的 offcanvas 元素。

UIkit.util.ready(function() {
    UIkit.offcanvas('#offcanvas').show();
});

要以编程方式隐藏它，请改用该hide()函数。

UIkit.util.ready(function() {
    UIkit.offcanvas('#offcanvas').hide();
});