extends /core/core.pug // подключаем шаблон
// создаём блок переменных, где объявляем наши переменные для страницы
block variables
- var pageClass = 'mainPage'; //- <body class="HERE">
block variables // подключение блока переменных со страницы в самом начале
// код вашего шаблона
doctype html
html.no-js(lang= pageLang)
function isTouchDevice() {
return 'ontouchstart' in window // works on most browsers
|| navigator.maxTouchPoints; // works on IE10/11 and Surface
}
function activeMenu() {
body.toggleClass('fixed-content');
setTimeout(function() { $('.close-list').removeClass('close-list') }, 400);
};
$(window).resize(function(){
if ((window).width()<150) {...}
else {...}
}).resize()
А скрипты надо сразу выполнять. и проверять необходимость их выполнения не размером экрана, а, допустим, наличием touch-events, если они для нормального функционирования тачскрина, например. view(1/2/3)
нет смысла, вполне можно обойтись одним. И view(1/2/3)--active
тоже лишние. Единственное, что нужно - менять класс у обёртки каталога. Тогда код становится таким:$('.view').click(function(){
var $el = $(this),
type = $el.data('view-type');
$('.view.view--active').removeClass('view--active');
$el.addClass('view--active');
$('.maicol-catalog').removeClass('catalog-view1 catalog-view2 catalog-view3');
$('.maicol-catalog').addClass('catalog-view' + type);
});
проведя пальцем слева направо по экрану