關閉關閉的畫布上Jasny引導鏈接點擊側邊欄

我正在開發一個網站http://maypoprestaurant.com/location 關閉關閉的畫布上Jasny引導鏈接點擊側邊欄

在移動（< 768px），通過漢堡包圖標collpasing關閉帆布導航後，我需要關閉帆布點擊一個鏈接後導航關閉。

任何幫助將非常感謝，因爲我拉我的頭髮在這裏。：X

//航海法

// Navigation Code  
<div id="navA" class="navmenu navmenu-default navmenu-fixed-left offcanvas-xs"> 
    <a class="navmenu-brand visible-sm visible-md visible-lg" href="#"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/maypop-logo.png" class="logoSidebar"></a> 
    <ul class="nav navmenu-nav"> 
    <li><a data-toggle="offcanvas" data-target=".navmenu" href="/home2" class="<?php if (is_page('home2')) echo 'active'; ?>"> 
    <i class="fa fa-home" aria-hidden="true"></i> Home</a></li> 

    <li><a data-toggle="offcanvas" data-target=".navmenu" href="/menus" class="<?php if (is_page('menus')) echo 'active'; ?>"> 
    <i class="fa fa-plus" aria-hidden="true"></i> Menus</a></li> 

    <li><a data-toggle="offcanvas" data-target=".navmenu" href="/location" class="<?php if (is_page('location')) echo 'active'; ?>"> 
    <i class="fa fa-map-marker" aria-hidden="true"></i> Location</a></li> 

    <li><a data-toggle="offcanvas" data-target=".navmenu" href="/press" class="<?php if (is_page('press')) echo 'active'; ?>"> 
    <i class="fa fa-newspaper-o" aria-hidden="true"></i> Press</a></li> 

    <li><a data-toggle="offcanvas" data-target=".navmenu" href="/events" class="<?php if (is_page('events')) echo 'active'; ?>"> 
    <i class="fa fa-calendar-o" aria-hidden="true"></i> Events</a></li> 
    </ul> 
</div>

我已經添加此Javascript在標題：

<script type="text/javascript"> 
jQuery("#navA .navmenu-nav a").click(function(){ 
jQuery('.navmenu').offcanvas('hide'); 
}); 
</script>

** UPDATE /編輯**

我已經成功地得到了手機側欄用以下代碼點擊隱藏：

<script type="text/javascript"> 
jQuery(".navmenu .nav li a").on("click", function(){ 
jQuery("#navA").removeClass("in canvas-slid"); 
}); 
</script>

現在的問題是，漢堡包圖標並不知道我已經完成了這個操作，所以需要2次點擊才能打開菜單，而不是一次。我需要以某種方式告訴該事件重置。

有什麼想法？

來源

2016-12-05 4ndy

我不知道，這是最有效的方式，但你可以試試這個：

<script type="text/javascript"> 
jQuery("#navA .navmenu-nav a").click(function(e){ 
e.preventDefault(); 
jQuery('.navmenu').offcanvas('hide'); 
$(location).attr('href', $(this).attr(href)); 
}); 
</script>

來源

2016-12-05 22:32:58

這並沒有爲我工作很不幸，甚至使用jQuery切換$ WordPress的。 – 4ndy

關閉關閉的畫布上Jasny引導鏈接點擊側邊欄

回答

相關問題