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

Twitter bootstrap Jasny非画布推送菜单-如何在我的网站的某些页面上显示打开?,twitter-bootstrap,jasny-bootstrap,Twitter Bootstrap,Jasny Bootstrap,我已经在我的网站上使用了。我希望在页面加载时在我的站点的某些页面上打开菜单,但如果观众愿意,切换仍然可以让他们再次关闭/打开 如何将菜单设置为仅在某些页面上打开?(所有页面都使用相同的模板,因此我只能将自定义js添加到此模板) 我一直在看,但不知道如何做我需要的 我只在我希望加载打开菜单的页面模板中尝试了“显示”方法: <script> $(function () { $('.navmenu').offcanvas('show'); }); </script> $

我已经在我的网站上使用了。我希望在页面加载时在我的站点的某些页面上打开菜单,但如果观众愿意,切换仍然可以让他们再次关闭/打开

如何将菜单设置为仅在某些页面上打开?(所有页面都使用相同的模板,因此我只能将自定义js添加到此模板)

我一直在看,但不知道如何做我需要的

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

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

$(函数(){$('.navmenu').offcanvas('show');});
它的工作原理是在菜单打开的情况下加载页面;但是放在“画布”(身体)上,而不是像通常那样把身体从画布上推下来。除了将这个额外的jquery添加到我的页面之外,我使用了与中相同的代码


非常感谢

按钮的
数据-*
属性仅在单击按钮时使用。这是对非画布插件的一种错误设计

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

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

$(函数(){
$('.navmenu').offcanvas({
切换:“脱离画布”,
目标:“.navmenu”,
画布:“身体”
}).offcanvas(“show”);
});

您尝试了什么?您可以显示管理此部分的实际代码吗?自从我第一次编写以来-我只在页面模板中尝试了“show”方法,我希望菜单加载打开:$(function(){$('.navmenu').offcanvas('show');});-它的工作原理是在菜单打开的情况下加载页面;但是放在“画布”(身体)上,而不是像通常那样把身体从画布上推下来。除了将这个额外的jquery添加到我的页面之外,我使用了与Jasny示例中相同的代码:任何帮助都非常感谢!我将很快做一个JS提琴…当这件事完成后,你可能会得到更多的答案,因为我们现在几乎处于黑暗中。很抱歉延迟-这里是JS提琴-它是引导Jasny扩展的一部分,因此必须包括所有引导样式和JS。-在js面板的底部,这是显示页面加载时打开的菜单:$(function(){$('.navmenu').offcanvas('show');});-使用这种“显示”方法,菜单位于页面的其余部分,而没有它,菜单将页面的其余部分推离画布——这就是我想要的——将页面推离屏幕;不是坐在它上面。嗨-这在页面加载时打开菜单非常有效,但是如果我关闭它,我就不能再打开它了有没有办法让它重新打开?