Swipe! — Откуда клешни торчат?

Сенсорные экраны в очередной раз до меня добрались. Теперь уже со стороны разработки.

При создании мобильной версии сайта понадобилось сделать выезд бокового меню при свайпе. Конечно, есть вагон и маленькая тележка готовых реализаций этой фишки. Но встраивать их в почти готовую верстку… лень. Тем более, что достаточно подключить нужный плагин для отслеживания свайпов (а точнее, 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;
        }
    }
});

$('.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;

}

});

Swipe! — Откуда клешни торчат?

2 комментария

Добавить комментарий Отменить ответ