Question

我正在使用intel xdk开发移动应用程序。

我想在productList页面上加载产品，具体取决于从主页发送的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

                                }
},

但是当我点击任何图片来加载产品时。打开产品列表，再次显示主页，然后再显示产品列表页面。这个场景也发生在我的其他页面上。功能正常，但这个闪烁的问题就在那里。

任何解决方案？

Answer 1

我在Ionic中遇到类似的闪烁问题，我更改了CSS并且它有效。

var list = [
    {firstName: 'John', Children: ['Maria', 'Alfred'], married: false},
    {firstName: 'George', Children: ['**zoekerbergen alfonso the second**', 'Harvey'], married: false},
    {firstName: 'Hary', Children: ['Sam', 'Obama', 'Peter'], married: false}
];
// change with your max
var maxChildren = 2;

// add more rules if needed
var anomaliesRules = [
    function(row) {
        return row.Children !== null && row.Children.length > maxChildren;
    },
    function(row) {
        // you can define your own rules per item
        return row.Children.filter(function(child) { return !child.match(/^[A-Z][a-z]+$/); }).length > 0;
    }
];

var checkAllAnomalies = function(item) {
    for (var i = 0; i < anomaliesRules.length; i++) {
        if (anomaliesRules[i](item)) return true;
    }
    return false;
};

var anomalies = list.filter(checkAllAnomalies);
console.log(anomalies);

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

更改页面上的闪烁问题

1 个答案: