Cloud Carousel и iPad / iPhone сенсорные события

Question

Очень люблю эту карусель: http://www.professorcloud.com/mainsite/carousel.htm

Работает именно так, как мне нужно для демонстрации, кроме того, что мне нужно добавить в нее события touch / wipe для iOS и Android.

В основном, если пользователь вытирает (это правильная терминология?) Влево или вправо, карусель движется в этом направлении, как и при нажатии левой или правой кнопки.

Я изучил использование этого плагина: http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture

А затем попытался настроить (взломать) плагин карусели для прослушивания этих событий

$(container).bind('touchwipe',this,function(event){
   wipeLeft: function() { alert("left"); }
});

Но это приводит к синтаксической ошибке. Я не знаю достаточно о создании плагинов, чтобы знать, что здесь разрешено.

Из того, что я могу сказать в плагине, функция прокрутки влево / вправо находится здесь

    // Setup the buttons.
    $(options.buttonLeft).bind('mouseup',this,function(event){
        event.data.rotate(-1);  
        return false;
    });
    $(options.buttonRight).bind('mouseup',this,function(event){                                                         
        event.data.rotate(1);   
        return false;
    }); 

Так что я полагаю, мне нужно подключиться к ним.

Должен ли я использовать дополнительный плагин для создания событий стирания или я должен попробовать официальные события касания?

Спасибо!

Answer 1

Этот код работает для меня

    $(container).bind('swiperight', this, function(event, ui)
    {
        event.preventDefault();
        event.data.rotate(-3);
    });

    $(container).bind('swipeleft', this, function(event, ui)
    {
        event.preventDefault();
        event.data.rotate(3);
    });

Не забудьте добавить jQuery mobile на http://jquerymobile.com/

Answer 2

Перейдите на http://www.albanx.com/?pid=5&subid=18 и загрузите версию, адаптированную для устройств с сенсорными (также работающими для ПК) Посмотрите исходный код, если хотите увидеть детали. Надежда помогает

Answer 3

У меня был успех с iScroll и его каруселью.

http://cubiq.org/iscroll-4

Или вы можете сделать свой собственный

https://developer.apple.com/documentation/webkitjs/touchevent