javascript - 带有 enquire.js 的 iOS7 iPad 中的方向更改问题

Question

这只发生在 iPad iOS7 上。在 iOS6 上完美运行

当我打开肖像页面时，topProducts.produtSliderEnable();功能topProducts.tabletThreeItems();已被调用。

但

当我打开横向页面时，我更改为纵向，没有调用任何内容。只有当我对属于下面显示的函数的元素执行单击事件时，才会调用两者

enquire.register("(min-width: 768px) and (max-width: 979px)", {
    match : function() {
        topProducts.produtSliderEnable();
        topProducts.tabletThreeItems();
    },
    unmatch : function() {
        topProducts.productSliderDisable();
    }
});

我不知道为什么会这样。非常感谢您的任何回复。

===========================================

如果您想进一步了解函数，请从我的 Literal Object 中截取

    produtSliderEnable: function () {
        if ($('.product-block .product-item').length === 4) {

            nextToggle.show();

            prevToggle.on('click', function () {
                $(this).hide();
                nextToggle.show();

                container.animate({
                    left: "0"
                });

                productItem.removeClass('active');
                productDetails.removeClass('active');
            });

            nextToggle.on('click', function () {
                $(this).hide();
                prevToggle.show();

                container.animate({
                    left: "-203px"
                });

                productItem.removeClass('active');
                productDetails.removeClass('active');
            });

            topProducts.swipeToggle();
        }
    },
    productSliderDisable: function() {
        if ($('.product-block .product-item').length === 4) {

            nextToggle.hide().unbind();
            prevToggle.hide().unbind();

            container.css({
                'left' : '0'
            });
        }
        $('.product-block').attr('id', '');
    },
    tabletThreeItems: function() {
        if (productItem.length === 3) {
            $('.product-block').attr('id', 'threeItems');
        }
    }