2014-12-22 2 views
0

В принципе, у меня была кнопка CSS с :active, но каждый раз, когда я нажимаю кнопки на моем телефоне, перед переключением на активную фазу происходит задержка.Crosswalk Cordova - Задержка нажатия не зафиксирована ontouchstart

CSS:

.btn {...} .btn:active{...} 

Затем я попытался с помощью "touchstart" и "touchend" добавлять и удалять мой активный класс, но все еще есть задержки между нормальным -> touchstart и touchstart -> touchend.

Jquery:

$(".btn").on("touchstart", function(){ 
    $(this).addClass("touched"); 
}).on("touchend",function(){ 
    $(this).removeClass("touched"); 
}) 

Как удалить мою задержку?

+0

Не совсем ответ, но я бы рекомендовал использовать библиотеку, такую ​​как FastClick, чтобы предотвратить использование подобных конструкций. Вам нужно будет только инициализировать библиотеку при запуске веб-сайта, и вам больше не придется думать об этих задержках. – Ricconnect

+0

Проблема @Ricconnect I - это задержка, а не организация моего скрипта, но спасибо за ваши усилия –

+0

FastClick исправит задержку, вот что я имел в виду :) – Ricconnect

ответ

0

Оказывается, я не предоставил достаточно информации.

Проблема, кажется, ошибка Chrome, коробка-тень. Я удалил все свойства box-shadow и работал как шарм.

Я надеюсь, что этот ответ может остаться здесь для других, имеющих ту же проблему. Кроме того, fastclick не требуется, если у вас есть метатег с указанием width = ширина устройства для нового Chrome.

Смежные вопросы