1

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

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

我一直在查看文档中的方法和 venets，但无法弄清楚如何做我需要的。

我已经在我希望菜单加载打开的页面模板中尝试了“显示”方法：

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

它通过在菜单打开的情况下加载页面来工作；但放在“画布”（身体）上 - 而不是像往常那样将身体从画布上推开。除了将这个额外的 jquery 添加到我的页面之外，我使用了与Jasny 示例中相同的代码。

看小提琴

非常感谢！

4

1 回答 1

1

按钮的data-*属性仅在单击按钮时使用。这是关闭画布插件的一种错误设计。

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

<script>
  $(function () {
    $('.navmenu').offcanvas({
      toggle: "offcanvas",
      target: ".navmenu",
      canvas: "body"
    }).offcanvas('show');
  });
</script>
于 2014-10-09T11:51:49.193 回答