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;
        }
    }
});

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code