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

Question

最近用了很多UIKit框架，慢慢习惯了。

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

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

简而言之，问题是:页面加载时应该可以看到 offcanvas 菜单。

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

提前干杯和感谢。

Answer 1

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

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

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

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