Всем привет.
Сайт на битриксе, меню открывается не во всех мобильных браузерах.
из наблюдений
Открывается на IOS: Хром, яндекс
Не открывается IOS: Сафари; Андроид: Хром , Яндекс
С ПК при изменении размера сайта до мобильной версии меню работает корректно, консоль ошибок не выдает
Подскажите, в чем может быть причина?
mobileMenu.js
;(function($, window, document, undefined){
var buttonNextLevelHtml = '<span class="arrow js-arrow">›</span>',
buttonPrevLevelHtml = '<li class="back js-back">Назад</li>',
toggle = $('.js-toggle'),
overlay = $('.overlay'),
body = $('body'),
menu = $('.multilevelMenu'),
link = menu.find('a'),
menuList = menu.find('li').find('ul');
//create animate-menu function
function openMenu() {
body.toggleClass('fixed');
setTimeout(function() { $('.close-list').removeClass('close-list') }, 400);
};
//animate menu function Call
toggle.add(overlay).on("click", function(){
openMenu();
});
//the end animate menu function Call
//add switch-button for children ul
link.append(function(indx, val){
var out = '';
if($(this).parent('li').find('ul').length != 0) {
out = buttonNextLevelHtml;
}
return out
});
//add back-button
menuList.prepend(buttonPrevLevelHtml)
//var block-two
var buttonNextLevel = $('.js-arrow'),
buttonPrevLevel = $('.js-back');
//view next level menu
$(link).on("click", ".js-arrow", function(e){
e.preventDefault();
e.stopPropagation();
$(this).parents('ul').addClass('close-list');
$(this).closest('li').children('ul').addClass('active-menu');
});
//view prev level menu to click "back"
buttonPrevLevel.on("click", function(e){
$(this).closest('ul.close-list').removeClass('close-list');
var self = this;
setTimeout(function() {
console.log($(self).closest('ul'));
$(self).closest('ul').removeClass();
}, 400);
if($(this).parent().parent().parent().parent().hasClass('multilevelMenu')) {
$('.menuSearch').removeClass('none');
};
});
//Hidden search-block
buttonNextLevel.on("click", function(){
$('.menuSearch').addClass('none')
})
})(jQuery, window, document);
Сложный
