changepage上的閃爍問題

Question

我正在使用intel xdk進行移動複製。

我想這取決於categorid從主頁

$('img.categories').bind("click",function(){ 

        ProductList.categoryId=$(this).data('value'); 
        $.mobile.changePage('productlist.html') 

       }); 

    var ProductList={ 
     categoryId:null, 
     init:function(){ 

         this.loadProducts(); 

         }, 
     loadProducts:function(){ 

    //code to load products depending on categoryid 

           } 
}, 

發送到加載產品productList的頁面上，但是當我點擊任何圖像loadproducts上。打開產品列表並再次顯示主頁，然後再顯示產品列表頁面。這種情況也發生在我的其他頁面上。 功能正常，但這個閃爍的問題在那裏。

任何解決方案？

Answer 1

我在Ionic有一個類似的閃爍問題，我改變了CSS，它的工作。

.ui-page { 
    -webkit-backface-visibility: hidden; 
} 

http://blogs.bytecode.com.au/glen/2011/07/14/eliminating-annoying-flicker-transitions-with.html