1

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

我正在使用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

 }
4

0 回答 0