Führen Sie iSRoll nach Dom Inhalt ändern

Question

Ich erstelle eine Anwendung in rhomobile und jquery mobile. Ich versuche 2 Iscroll auf meiner Seite zu verwenden. In meiner Seite habe ich 2 li. Anfangs links li ist leer. Wenn ich rechts li liflcke, wird das zur linken li hinzufügen und von rechts li entfernt. Zu Beginn benutze ich einen Bildlauf, um die Elemente auf der rechten Seite anzuzeigen. Das funktioniert gut. Aber auf der linken Seite kommt icrcroll nicht, wenn der Inhalt die Höhe überschreitet. Ich habe viel gesucht. Ich habe ein paar Vorschläge, aber das wird nicht funktionieren. Das sind

Erste checkDOMChanges: true in meine Optionen hinzufügen, dann setzen Auszeit Beispiel: setTimeout(function() { myScroll.refresh() }, 0)

Meine rechte Seite ul id ist accounts_container, linke Seite ul id destinations_container ist

Mein Code:

var destinations_scroll1, accounts_scroll; 
function loaded() { 
    destinations_scroll1 = new iScroll('destinations_container'); 
    accounts_scroll = new iScroll('accounts_container', { 
     checkDOMChanges: true 
    }); 
setTimeout(function() { accounts_scroll.refresh() }, 0) 
} 
document.addEventListener('touchmove', function (e) { 
    e.preventDefault(); 
}, false); 
document.addEventListener('DOMContentLoaded', loaded, false); 

Dann gemäß diesem Link http://groups.google.com/group/iscroll/browse_thread/thread/6bdf7a2b5552d018

Ich habe versucht,

destinations_scroll1.destroy(); 
destinations_scroll1= null; 
destinations_scroll1= new iScroll('destinations_container'); 

setTimeout(function() { 
destinations_scroll1.refresh(); 
},0); 

In rhosimulator diese normalen CSS scroll erstellen, aber nicht in Emulator (real devise) arbeiten.

Irgendwelche Vorschläge?

Answer 1

Ich bin ein Idiot. Im obigen Code überprüfe ich checkDomChanges und das Aktualisieren des Isroll-Objekts für die rechte Seite, aber ich füge dynamischen Inhalt in der linken Seite hinzu.

var destinations_scroll1, accounts_scroll; 
function loaded() { 
    accounts_scroll = new iScroll('accounts_container'); 
    destinations_scroll1 = new iScroll('destinations_container', { checkDOMChanges: true }); 
    setTimeout(function() {    
      destinations_scroll1.refresh();  
    }, 0); 
} 
document.addEventListener('touchmove', function (e) { 
    e.preventDefault(); 
}, false); 
document.addEventListener('DOMContentLoaded', loaded, false); 

Das funktioniert gut.