OnClick не работает на мобильных устройствах (touch)

Хорошо, что я пытаюсь сделать, это слить div вниз, когда пользователь нажимает элемент списка.

Проблема в том, что я использую Selectric https://github.com/lcdsantos/jQuery-Selectric, который преобразует окно выбора в неупорядоченный список. Поэтому, когда пользователь нажимает кнопку, которую источник выводит как элемент списка, я хочу, чтобы div соскальзывал вниз.

В мобильном сафари (iOS7) пользовательский интерфейс выбора является таким же, как стандартный пользовательский интерфейс выбора.

Какова наилучшая практика, когда дело доходит до onClick для мобильных устройств?

Основной jquery:

$(window).load(function() {
        $('.List li').click(function() {
            $('.Div').slideDown('500');
        });
    });

Вы можете увидеть рабочий пример ЗДЕСЬ (Расширенный поиск на боковой панели)

Спасибо.

Ответы

Ответ 1

лучше использовать событие touchstart с .on() методом jQuery:

$(window).load(function() { // better to use $(document).ready(function(){
    $('.List li').on('click touchstart', function() {
        $('.Div').slideDown('500');
    });
});

И я не понимаю, почему вы используете метод $(window).load(), потому что он ожидает, что все на загружаемой странице будет медленным, в то время как вы можете использовать метод $(document).ready(), который не ждет каждого элемента на первой странице.

Ответ 2

вы можете использовать вместо щелчка:

$('#whatever').on('touchstart click', function(){ /* do something... */ });