В этой статье описывается метод реализации событий TAP в Zepto.js для предотвращения пузырьков. Поделитесь этим для вашей ссылки. Детали следующие:
Недавно я работал над мобильной версией сайта. Первоначально я хотел использовать jQuery Mobile, но файл был слишком большим, поэтому я использовал Zepto.js
Поскольку будет задержка использования событий клика на мобильных веб -страницах, используется событие TAP в Zepto.js.
Использование Click Event может использовать StopPropagation для предотвращения пузырьков, но нажмите, используя этот метод, не эффективно
Теперь мне нужно достичь такого эффекта: нажмите кнопку A.BTN, а затем отобразите Div.Panel, и скрыть Div.Panel, когда я нажимаю на DIV.Panel.
$ ("a.btn"). On ("tap", function (e) {e.stoppropagation (); // Этот метод не работает $ ("div.panel"). Show ();}); $ (документ) .on ("tap", function (e) {$ ("div.panel"). Hide ();});Через инструмент отладки мы можем получить целевой атрибут в объекте E, чтобы мы могли достичь желаемого эффекта с помощью этого атрибута:
$ ("a.btn"). On ("tap", function () {$ ("div.panel"). Show ();}); $ (документ) .on ("tap", function (e) {if (! $ (e.target) .hasclass ("btn")) {$ ("div.panel"). Hide ();}});Это решение
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.