Jquery touch events все срабатывает в один момент
 

Как управлять 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'); });

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

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

Данный вариант все решает, просто когда не использую 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'); 
});

Дык это стандартное всплытие события...

Признаюсь не знал этого, хотя после ваших слов начал припоминать что такое слышал)

Вот статейка про это... ;)
http://javascript.ru/tutorial/events...vaniya-sobytiy

Спасибо :)