DOMコンテンツの変更後にisrollを導入する

Question

私はrhomobileとjquery mobileでアプリケーションを作成しています。私は自分のページに2つのiscrollを使用しようとしています。私のページで私は2つの李を持っています。最初に左側のliは空です。右の李をクリックすると、左の李に追加され、右の李から削除されます。最初は私は右の李の要素を表示するためにスクロールを使用しています。それはうまくいきます。しかし、内容が高さを超えると、左の李iscrollは来ない。私は多くを探しました。私はいくつかの提案を持っていますが、それは私にとってはうまくいかないでしょう。これらは

まず、私のオプションでは例えば、次に設定された時間をcheckDOMChanges: trueを追加します：

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

： setTimeout(function() { myScroll.refresh() }, 0)

私の右側UL idがaccounts_containerは、左側UL idはdestinations_container

私のコードです

その後、このリンクに従って http://groups.google.com/group/iscroll/browse_thread/thread/6bdf7a2b5552d018

試してみました

rhosimulatorでは、これは通常のCSSスクロールを作成しますが、エミュレータ（実際の開発者）では動作しません。

提案がありますか？

Answer 1

私はばかです。上記のコードでは、checkDomChangesをチェックしていて、右側のulのisrollオブジェクトをリフレッシュしていますが、左側のulに動的コンテンツを追加しています。

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

これは問題なく動作しています。