Закрыть мобильное меню после выбора пункта в меню

0

У меня есть мобильное меню в моем приложении angularjs. Я хочу закрыть меню после выбора пункта из меню. Я пытаюсь добавить toggle(); но не работает. Вот мой код jquery. Thnx для всех

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

});
  • 0
    почему бы не использовать Hide / SlipUp, вы можете нажать скрытый пункт меню, чтобы использовать переключатель ??
  • 0
    Вы можете вставить в мой код, что мне нужно сделать ... Thnx ... я не понимаю. Я нажимаю на значок меню и открываю меню, но после выбора они не закрываются.
Показать ещё 4 комментария
Теги:
menu

2 ответа

0

Вы можете использовать угловую директиву и вызвать функцию запуска Bootstrap для меню в директиве.

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");
            }
        });         
    }
};

})

Кодепен: http://codepen.io/giannidk/pen/vKJYxo?editors=1011

Поделиться
0

Измените режим slideToggle, чтобы скрыть

$(".sidebar li a").click(function() {
    $(".sidebar").hide();//use hide here
});
Поделиться
  • 0
    после установки, как вы говорите, меню не работает. Не открывается при нажатии на значок меню
  • 0
    вставить HTML-код человека
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню