Schließen Sie das mobile Menü nach der Auswahl im Menü

Question

Ich habe ein mobiles Menü in meiner angularjs App. Ich möchte das Menü nach Auswahl des Menüpunktes schließen. Ich probiere add toggle(); aber nicht funktioniert. Hier ist mein JQuery-Code. Thnx für alle kann

$(document).ready(function() { 
$("a.mobile").click(function() { 
    $(".sidebar").slideToggle('fast'); 
}); 
window.onresize = function(event) { 
if($(window).width() >880) { 
    $(".sidebar").show(); 
} 
    else { 
    $(".sidebar").hide(); 
} 
}; 

}); 

Answer 1

ändern slideToggle

$(".sidebar li a").click(function() { 
    $(".sidebar").hide();//use hide here 
}); 

Answer 2

Sie eine Winkel Richtlinie verwenden verstecken und die Bootstrap-Trigger-Funktion für das Menü in der Richtlinie nennen.

app.directive('mydirective', function() { 
return { 
    restrict: 'A',  
    link: function($scope, element, attrs) { 

     var links = element.find('li'); 
     links.on('click', function(e) { 
      if ($('.navbar-toggle').css('display') != 'none') { 
       $(".navbar-toggle").trigger("click"); 
      } 
     });   
    } 
}; 

})

Codepen: http://codepen.io/giannidk/pen/vKJYxo?editors=1011