.hide（）和.show（）不适用于移动应用

Question

我使用jquery和framework7编写移动应用程序。 我有一个products.html页面，在列表视图中列出产品，在li标签中我有数据类别数据，我想过滤带有复选框的产品，代码是;

<li data-category="red"><input type="checkbox" value="red">red</li>
<li data-category="white"><input type="checkbox" value="white">white</li>

并在我的custom.js文件中;

    myApp.onPageInit('products', function (page) {
    getRss(urlProducts,'#products');

    $$('input').on('click', function (e) {
        var category = $$(this).val();
        var check = $$(this).prop('checked');
        filter(name,check);
    });
});

function filter(category, check)
{
    if(check == true) {

        $$('*[data-category="'+category+'"').show();

    }
    else if (check == false)
    {
        $$('*[data-category="'+ category +'"]').hide();
    }
}

这是在opera和chrome工作非常好但是当我构建应用程序并安装或当我使用phonegap桌面应用程序时，隐藏和显示功能不能在手机上工作。 我该如何解决这个问题？