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);
});
проведя пальцем слева направо по экрану