Jquery在移动设备上隐藏/显示问题

Question

这是一个复杂的问题，我花了无数个小时试图解决，没有运气。

我正在使用phonegap，我决定不使用JQuery mobile，因为它有很多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

 }