2016-01-23 4 views
0

Я делаю отзывчивый сайт с эффектом :hover на его центральных ссылках. Отлично работает на ПК, но на мобильном устройстве требуется два крана, чтобы перейти к действию ссылки.Привязать событие щелчка к крану

Есть ли способ, которым я могу выборочно связывать событие крана или touchstart с той же функциональностью click событие, только на мобильном?

ответ

2

Быстрый и грязный:

$(".selector").on('touchstart'){ 
    $(this).trigger('click'); 
}); 

Это будет предназначаться налеты на ноутбуках и т.д. с сенсорными экранами, а также. Этот опыт должен быть согласован между устройствами.


Конечно, было бы чище, чтобы связать события с обеих click и touchstart от начала идти:

$('.selector').on('click touchstart', function(){ 
    ... 
+0

спасибо! Вы знаете, как развязать его, чтобы, если пользователь изменяет размер своего браузера, нормальная функциональность возобновляется? –

+1

Отключить $ ('. Selector'). Off ('touchstart'); это отвяжет все обработчики касания от элемента. Чтобы выборочно отключить использование $ ('. Selector'). On ('touchstart.someidentifier', callback) и $ ('. Selector'). Off ('touchstart.someidentifier') –

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