Fix menu not working on touch device

This commit is contained in:
Christian Esperar 2015-11-18 17:26:41 +08:00
parent 10f514a543
commit 06b2c0c3d5

View File

@ -9,42 +9,40 @@ $(function () {
$('#sidebar-menu li ul').slideUp(); $('#sidebar-menu li ul').slideUp();
$('#sidebar-menu li').removeClass('active'); $('#sidebar-menu li').removeClass('active');
$('#sidebar-menu li').click(function () { $('#sidebar-menu li').on('click touchstart', function() {
var link = $('a', this).attr('href');
if(link) {
window.location.href = link;
} else {
if ($(this).is('.active')) { if ($(this).is('.active')) {
$(this).removeClass('active'); $(this).removeClass('active');
$('ul', this).slideUp(); $('ul', this).slideUp();
$(this).removeClass('nv');
$(this).addClass('vn');
} else { } else {
$('#sidebar-menu li ul').slideUp();
$(this).removeClass('vn');
$(this).addClass('nv');
$('ul', this).slideDown();
$('#sidebar-menu li').removeClass('active'); $('#sidebar-menu li').removeClass('active');
$('#sidebar-menu li ul').slideUp();
$(this).addClass('active'); $(this).addClass('active');
$('ul', this).slideDown();
}
} }
}); });
$('#menu_toggle').click(function () { $('#menu_toggle').click(function () {
if ($('body').hasClass('nav-md')) { if ($('body').hasClass('nav-md')) {
$('body').removeClass('nav-md'); $('body').removeClass('nav-md').addClass('nav-sm');
$('body').addClass('nav-sm'); $('.left_col').removeClass('scroll-view').removeAttr('style');
$('.left_col').removeClass('scroll-view');
$('.left_col').removeAttr('style');
$('.sidebar-footer').hide(); $('.sidebar-footer').hide();
if ($('#sidebar-menu li').hasClass('active')) { if ($('#sidebar-menu li').hasClass('active')) {
$('#sidebar-menu li.active').addClass('active-sm'); $('#sidebar-menu li.active').addClass('active-sm').removeClass('active');
$('#sidebar-menu li.active').removeClass('active');
} }
} else { } else {
$('body').removeClass('nav-sm'); $('body').removeClass('nav-sm').addClass('nav-md');
$('body').addClass('nav-md');
$('.sidebar-footer').show(); $('.sidebar-footer').show();
if ($('#sidebar-menu li').hasClass('active-sm')) { if ($('#sidebar-menu li').hasClass('active-sm')) {
$('#sidebar-menu li.active-sm').addClass('active'); $('#sidebar-menu li.active-sm').addClass('active').removeClass('active-sm');
$('#sidebar-menu li.active-sm').removeClass('active-sm');
} }
} }
}); });