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();
    }
});

なぜこれが起こっているのかわかりません。返信ありがとうございます。

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

さらに見たい場合は、私のリテラルオブジェクトから切り取った関数

    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');
        }
    }