[英]Slide the off canvas menu back after a link is clicked
Im using the Jansy Off Canvas menu ( found here ) for a site I'm currently working on. 我正在使用Jansy Off Canvas菜单( 在此处找到 )用于我当前正在工作的网站。 I got the menu to slide out, and it slides back if you click the burger menu again.
我使菜单滑出,如果再次单击汉堡菜单,它会向后滑。 But would I would like it to do is slide back off if the user also clicks one of the links.
但是,如果用户也单击链接之一,我想做的就是滑回去。 Right now it just remains out.
现在,它仍然不存在。
i tried to use this code: 我试图使用此代码:
$(".navbar-toggle").unbind().on("click", function () {
console.log("toggle");
$("#myNavmenu a").offcanvas("hide")
});
But it only gets fired if the burger menu is clicked. 但是,只有在单击汉堡菜单时才会触发。
This is what the burger menu looks like in my HTML: 这是我的HTML中的汉堡菜单的样子:
<!-- burger menu -->
<div class="container">
<div class="row">
<div id="burgerWrapper">
<nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
<ul class="nav navmenu-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden"><a class="page-scroll" href="#page-top"></a></li>
<li><a href="#criminalLaw" class="page-scroll">CRIMINAL LAW</a></li>
<li><a href="#criminalLocalCourt" class="page-scroll">LOCAL COURT MATTERS</a></li>
<li><a href="#criminalMentalHealth" class="page-scroll">SECTION 32 APPLICATIONS</a></li>
<li><a href="#criminalConviction" class="page-scroll">CONVICTION AND SEVERITY APPEALS</a></li>
<li><a href="#criminalPenalties" class="page-scroll">INDICTABLE MATTERS</a></li>
<li><a href="#criminalFee" class="page-scroll">FEE ARRANGEMENTS</a></li>
</ul>
</nav>
<div class="navbar navbar-default navbar-fixed-top" data-spy="affix" data-offset-top="200">
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div>
</div>
</div>
<!-- end burger menu -->
I believe the code below will solve your issue. 我相信下面的代码可以解决您的问题。
$(".nav li a").click(function (){ $('#myNavmenu').offcanvas("hide"); });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.