javascript - モバイルでの非表示/表示での Jquery レンダリングの問題

Question

これは、私が解決しようと数え切れないほどの時間を費やしてきた複雑な問題であり、運が悪い.

私は phonegap を使用していますが、JQuery モバイルは使用しないことに決めました。JQuery モバイルには多くの CSS オーバーライドがあり、他のものに加えていくつかのコードが DOM に挿入されるためです。JQuery を使用しているだけで、単純なビュー システムを作成しました。メインメニュー、各記事をクリックすると、他のすべての記事とメニューが非表示になり、戻るボタンですべてが非表示になり、メニューのみが表示されます。厄介なことに、記事のみを表示しようとすると（メニューを含む他のすべてを非表示に）、記事の半分とメニューの半分がレンダリングされることがまれにありますが、スワイプすると想定どおりに更新されます*この問題は PC ブラウザーでは発生しませんが、Android では @least 発生することに注意してください。

 $("ul[class='article-listing'] li").each(function(i, e) {

           $(e).on("click",function(){
            goArticle((i+1))//called whenever the article list item is clicked
            })
            });

function goArticle(id)
 {  
 $$("div[id^='articleWrapper']").each(function(i, e) {
        if($$(e).attr("id") === "articleWrapper"+id)
        {   
        $(e).fadeIn(500);//show aricle of specified id
        }else{
        $(e).fadeOut(1);//hide article of specified id
        }
        })  
    if(location.hash !== '#articles')//set hash tag to articles if not set so that on back it always go to home
         $(location).attr('href', '#articles');
         $("#list").fadeOut(500);//hide menu

 }