Включить события click в iScroll в мобильном браузере

Я использую iScroll для создания веб-приложения, и я не могу щелкнуть любые div, которые находятся в оболочке iscroll. Я попытался установить параметр eventPassthrough, чтобы быть правдой, но это вызывает значительное количество проблем с прокруткой.

Кто-нибудь испытал это?

Изменить: я использую iScroll 5. События кликов работают с хромом, firefox и сафари, но не с iOS mobile safari.

Ответ 1

Попробуйте установить опцию "click: true"

Пример:

myScroll = new IScroll('#wrapper', { click: true });

У меня была такая же проблема на IOS6, и она исправила проблему

Ответ 2

Я также столкнулся с той же проблемой и начал использовать подход { click: true } (указанный выше) в качестве решения. Проблема с этим подходом заключается в том, что при просмотре на рабочем столе вы получаете два щелчка на событиях (то есть одно событие с момента фактического щелчка мыши и одно событие из IScroll).

Предлагаемый подход к документации IScroll заключается в том, чтобы выпустить пользовательское событие "нажмите", используя параметры IScroll.

Пример:

<script type="text/javascript">
    var scroller = new IScroll('#wrapper', { tap: true });
    $('#scroller').on('click, tap', '.clickable', function() {
        //do something....
    });
</script>

<div id="wrapper">
    <div id="scroller">
        <div class="clickable"></div>
        <div class="clickable"></div>
        <div class="clickable"></div>
    </div>
</div>

Ответ 3

Попробуйте добавить click: true для iphone. Android работает под тем и другим. Но андроид работал без click: true.

myScroll = new IScroll('#myWrapper', { 
   tap: true, 
   click: true,    
});