Сенсорные экраны в очередной раз до меня добрались. Теперь уже со стороны разработки.
При создании мобильной версии сайта понадобилось сделать выезд бокового меню при свайпе. Конечно, есть вагон и маленькая тележка готовых реализаций этой фишки. Но встраивать их в почти готовую верстку… лень. Тем более, что достаточно подключить нужный плагин для отслеживания свайпов (а точнее, TouchSwipe) и написать пару строчек кода, что я и сделала, вставив в самых ответственных местах alert(«что-то там»). И… ничего не заработало. И алерты выдавали что-то странное 0_o.
Через несколько минут пристального всматривания в код я на всякий случай эти самые алерты убрала и еще раз проверила. Все заработало.
Вывод: не надо пихать клеш.. алерты куда не надо.
А вот и код:
$('.swipe-area').swipe({
swipeStatus:function(event, phase, direction, distance, duration, fingers)
{
if (phase=="move" && direction =="left") {
var sidebar = $("#sidebar");
sidebar.animate({
left: "-500px"
}, 250 );
sidebar.removeClass('open-sidebar');
return false;
}
if (phase=="move" && direction =="right") {
var sidebar = $("#sidebar");
sidebar.animate({
left: "0px"
}, 250 );
sidebar.addClass('open-sidebar');
return false;
}
}
});
2 комментария
Отлаживать надо через consol.log 😉
Конечно! Но тогда вдруг приспичило через алерты, и из-за этого я потратила минут 10…