Aktivieren klicken Sie auf Ereignisse in der iScroll auf mobile browser

Bin ich mit iScroll das erstellen einer web-app und ich kann nicht klicken Sie auf alle divs, die sich innerhalb der iscroll-wrapper. Ich habe versucht, eventPassthrough option, um wahr zu sein, aber es verursacht eine erhebliche Menge an scrolling-Probleme.

Jemand Erfahrung?

Edit: ich bin mit iScroll 5. Die click-Ereignisse der Arbeit chrome,firefox und safari, aber nicht ios mobile safari.

InformationsquelleAutor der Frage smstromb | 2013-07-21

  1. 47

    Versuchen Sie die Einstellung der option "klicken Sie auf: true,"

    Beispiel:

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

    Ich hatte das gleiche problem auf IOS6 und es wurde das Problem behoben,

    InformationsquelleAutor der Antwort fabio_biondi

  2. 10

    Ich lief in das gleiche problem, und begann mit der { click: true } Ansatz (oben angegeben) als eine Lösung. Das problem bei diesem Ansatz ist, erhalten Sie zwei click events feuern, wenn die Anzeige auf dem desktop (D. H. ein Ereignis aus tatsächlichen Mausklick, ein Ereignis von IScroll).

    Den vorgeschlagenen Ansatz pro die IScroll Dokumentation ist zum emittieren eines benutzerdefinierten 'tap' - Ereignis verwenden der IScroll Optionen.

    Beispiel:

    <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>

    InformationsquelleAutor der Antwort pistol-pete

  3. 0

    Versuchen, hinzufügen klicken Sie auf: true für das iphone. Android arbeitete unter. Aber android funktioniert ohne klicken Sie auf: true.

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

    InformationsquelleAutor der Antwort Sumith Harshan

Schreibe einen Kommentar