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

【问题标题】：Jasny Off canvas push menu - how to display open on certain pages of my website?Jasny 关闭画布推送菜单 - 如何在我网站的某些页面上显示打开？
【发布时间】：2014-10-03 12:43:11
【问题描述】：

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

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

我一直在看methods and venets in the documentation，但不知道如何做我需要的。

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

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

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

See the fiddle

非常感谢！

【问题讨论】：

你尝试了什么？你能展示你管理这部分的实际代码吗？
自从我第一次写 - 我已经在页面模板中尝试了“显示”方法，我希望菜单加载打开： - 它通过在打开菜单的情况下加载页面来工作；但放在“画布”（身体）上 - 而不是像往常那样将身体从画布上推开。除了将这个额外的 jquery 添加到我的页面之外，我使用了与 Jasny 示例中相同的代码：jasny.github.io/bootstrap/examples/navmenu-push 非常感谢任何帮助！
我马上要做一个 JS fiddle....
完成此操作后您可能会得到更多答案，因为我们现在几乎处于黑暗中
抱歉耽搁了——这里是 js fiddle jsfiddle.net/lucyryder/s3r4pnjh/13——它是 Bootstrap Jasny 扩展的一部分，所以必须包含所有 Bootstrap 样式和 js。 - 在 js 面板的底部，显示页面加载时打开的菜单： $(function(){ $('.navmenu').offcanvas('show'); }); - 使用这种“显示”方法，菜单位于页面的其余部分，而没有它，菜单会将页面的其余部分“推离画布”——这就是我想要的——将页面推离屏幕；不要坐在上面。

标签： twitter-bootstrap jasny-bootstrap

【解决方案1】：

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

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

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

【讨论】：

嗨 - 这在页面加载时打开菜单非常有用，但是如果我关闭它，我就无法再次打开它？ - 有没有办法让它重新打开？