Форум

falkone · #1 (**permalink**) 28.08.2015, 15:03

Как управлять touch events. Когда пишу несколько touchstart на разные элементы, срабатывают все сразу и не могу их разделить. Подскажите как правильно управлять ими без сторонних библиотек.

.content лежит в .main но они все срабатывают сразу. Подскажите как правильно управлять ими, как выстраивать зависимости.

$('.main').on('touchstart', function() { $('.main').stop().animate({top: '0px'}, 600, 'easeOutBounce'); });

$('.content').on('touchstart', function() { $('.content').stop().animate({top: '-50px'}, 600, 'easeOutBounce'); });

ksa · #2 (**permalink**) 28.08.2015, 15:45

Сообщение от falkone

.content лежит в .main

Может это и есть ответ?

Сообщение от falkone

Подскажите как правильно управлять ими, как выстраивать зависимости.

Как вариант...
- Вешать только на материнский элемент
- В событии проверять на каком элементе оно произошло
- Делать соответствующие действия

falkone · #3 (**permalink**) 28.08.2015, 16:24

Данный вариант все решает, просто когда не использую event.stopPropagation();, то сам клик идет вверх по дереву и просматривает все элементы.

$('.main').on('touchstart', function() { 
     $('.main').stop().animate({top: '0px'}, 600, 'easeOutBounce'); 
}); 

$('.content').on('touchstart', function(event) { 
    event.stopPropagation();
    $('.content').stop().animate({top: '-50px'}, 600, 'easeOutBounce'); 
});