mithilfe von iscroll mit jquery mobile

Im Moment ziehen meine Haare heraus zu Holen, iscroll 4 arbeiten mit jQuery Mobile.

Alles funktioniert einwandfrei es ich deaktivieren JQM ajax Standard-navigation würde ich aber gerne behalten.

Mein Problem ist, ich kippe herauszufinden, wie erfolgreich call/bind iscroll, so dass es funktioniert mit den Seiten, die Sie benötigen. Ich habe versucht pageinit() und pagecreate() ohne Erfolg.

Alle Hinweise sehr geschätzt.

A.

InformationsquelleAutor Adi | 2011-10-07

  1. 8

    Ich initialisieren/aktualisieren der iScroll-Instanzen auf die pageshow und orientationchange Veranstaltungen. Ich könnte auf Klasse data-role="content" divs, die ich will Scrollbar (in diesem Fall benutzte ich die .content Klasse).

    var myScroll = [];
$(document).delegate('[data-role="page"]', 'pageshow', function () {
    if ($.mobile.activePage.find('.content').length > 0) {
        if (this.id in myScroll) {
            myScroll[this.id].refresh();
        } else {
            myScroll[this.id] = new iScroll($.mobile.activePage.find('.content')[0].id, {
                hScroll        : false,
                vScroll        : true,
                hScrollbar     : false,
                vScrollbar     : true,
                fixedScrollbar : true,
                fadeScrollbar  : false,
                hideScrollbar  : false,
                bounce         : true,
                momentum       : true,
                lockDirection  : true
            });
        }
    }
});

$(window).bind('orientationchange', function () {
    if ($.mobile.activePage[0].id in myScroll) {
        myScroll[$.mobile.activePage[0].id].refresh();
    }
});
    wollen Sie laden iscroll js vor <script src="code.jquery.com/mobile/1.0rc1/...>?
    Nein, es ist das Letzte Skript, das ich laden. Wenn Sie haben eine harte Zeit der Initialisierung der iScroll-Instanzen, stellen Sie sicher, Folgen Sie dem Beispiel auf der iScroll Website. iScoll nur Schriftrollen der unmittelbaren child-element des Elements rufen Sie es auf.
    ich kann es funktioniert, nur nicht mit JQM ajax-navigation. also wenn ich auf die Seite iscroll nicht funktioniert. wenn ich aktualisieren diese Seite, es funktioniert gut (vermutlich, weil es liest alle js wieder) derzeit iscroll js im head der html-noch und nicht in jeder Seite event in js
    Hi, hier ist ein sehr grobes Beispiel für das Problem (es gibt Tausende mehr Seiten in die echte Website) bit.ly/ngXkNR
    Sie sind bindend für die DOMContentLoaded Ereignis wird nur ausgelöst, wenn die erste Seite geladen wird (und nicht auf Seiten gezogen durch die ajax-navigation) und Sie binden möchten, um eine der folgenden Optionen: pageshow, pagecreate, pageinit. Check-out mein Beispiel oben, der an der pageshow Ereignis, und innerhalb des event-handlers ich prüfen, ob der iScroll-Instanz existiert (ich habe dann aktualisieren, wenn es vorhanden ist) oder wenn die Instanz nicht existiert, erstelle ich es. Hier ist ein link, um zu erklären, jedes Ereignis: jquerymobile.com/demos/1.0rc1/docs/api/events.html.

    InformationsquelleAutor Jasper

Schreibe einen Kommentar