Jasny Off画布推送菜单 - 如何在我的网站的某些页面上显示打开？

Question

我在我的网站上使用了offcanvas push menu。我希望在页面加载时在我的网站的某些页面上打开菜单，但是如果他们愿意的话，切换器仍然可以让观众关闭它/再次打开。

如何将菜单设置为仅在某些页面上打开？ （所有页面都使用相同的模板，因此我只能将自定义j添加到此模板中。）

我一直在关注methods and venets in the documentation，但无法知道如何做我需要的事情。

我在页面模板中尝试了'show'方法，我希望菜单加载打开：

<script>
  $(function () { $('.navmenu').offcanvas('show'); });
</script>

它通过加载页面打开菜单来工作;但是放在“帆布”（身体）上 - 而不是像往常一样将身体推离画布。除了将这个额外的jquery添加到我的页面之外，我使用了与Jasny's example中相同的代码。

See the fiddle

非常感谢！

Answer 1

按钮的data-*属性仅在单击按钮时使用。 这是对off off canvas插件的错误设计。

在这种情况下，你根本不应该使用数据属性，而是用JavaScript初始化它。

<script>
  $(function () {
    $('.navmenu').offcanvas({
      toggle: "offcanvas",
      target: ".navmenu",
      canvas: "body"
    }).offcanvas('show');
  });
</script>