Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.08.2015, 15:03
Аспирант
Отправить личное сообщение для falkone Посмотреть профиль Найти все сообщения от falkone
 
Регистрация: 27.09.2014
Сообщений: 42

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'); });
Ответить с цитированием
  #2 (permalink)  
Старый 28.08.2015, 15:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,136

Сообщение от falkone
.content лежит в .main
Может это и есть ответ?

Сообщение от falkone
Подскажите как правильно управлять ими, как выстраивать зависимости.
Как вариант...
- Вешать только на материнский элемент
- В событии проверять на каком элементе оно произошло
- Делать соответствующие действия
Ответить с цитированием
  #3 (permalink)  
Старый 28.08.2015, 16:24
Аспирант
Отправить личное сообщение для falkone Посмотреть профиль Найти все сообщения от falkone
 
Регистрация: 27.09.2014
Сообщений: 42

Данный вариант все решает, просто когда не использую 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'); 
});
Ответить с цитированием
  #4 (permalink)  
Старый 28.08.2015, 16:34
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,136

Сообщение от falkone
клик идет вверх по дереву
Дык это стандартное всплытие события...
Ответить с цитированием
  #5 (permalink)  
Старый 28.08.2015, 16:40
Аспирант
Отправить личное сообщение для falkone Посмотреть профиль Найти все сообщения от falkone
 
Регистрация: 27.09.2014
Сообщений: 42

Сообщение от ksa Посмотреть сообщение
Дык это стандартное всплытие события...
Признаюсь не знал этого, хотя после ваших слов начал припоминать что такое слышал)
Ответить с цитированием
  #6 (permalink)  
Старый 31.08.2015, 09:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,136

Сообщение от falkone
начал припоминать что такое слышал
Вот статейка про это...
http://javascript.ru/tutorial/events...vaniya-sobytiy
Ответить с цитированием
  #7 (permalink)  
Старый 01.09.2015, 15:36
Аспирант
Отправить личное сообщение для falkone Посмотреть профиль Найти все сообщения от falkone
 
Регистрация: 27.09.2014
Сообщений: 42

Сообщение от ksa Посмотреть сообщение
Вот статейка про это...
http://javascript.ru/tutorial/events...vaniya-sobytiy
Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery accordion все закладки закрыты BoB jQuery 9 22.03.2013 15:27
Jquery live не всегда срабатывает JIEXA jQuery 5 25.10.2010 18:50
OneShowHide.js jQuery раскрываются сразу все списки вместо одного Yatsenco Элементы интерфейса 3 10.09.2010 15:13
Почему функция срабатывает один раз? Bogdan808 Javascript под браузер 4 06.09.2010 23:41
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37