1

IE8以下で次のエラーメッセージが表示されます。オブジェクトが必要です。

他のすべてのブラウザでも問題なく動作します。

サイトはhttp://www.gablabelle.com/です。

しかし、私は何が悪いのかを見つけることができません。

var layoutI = 0;
var $container = $("#stream");
var $window = $(window);
function reLayout(){  
    var mediaQueryId = getComputedStyle( document.body, ':after' ).getPropertyValue('content');
    var mediaQueryId = mediaQueryId.replace( /"/g, '' );
    var windowSize = $window.width();
    var masonryOpts;
    switch ( mediaQueryId ) {
        case 'bigger' :
            masonryOpts = {
                columnWidth: 270,
                gutterWidth: 30
            };
        break;
        case 'big' :
            masonryOpts = {
                columnWidth: 220,
                gutterWidth: 20
            };
        break;
        case 'medium' :
            masonryOpts = {
                columnWidth: 166,
                gutterWidth: 20
            };
        break;
        case 'small' :
            masonryOpts = {
                columnWidth: $container.width() / 2,
                gutterWidth: 0
            };  
        break;
    };
    $container.isotope({
        resizable: false, // disable resizing by default, we'll trigger it manually
        itemSelector : "article.post",
        animationEngine: "best-available",
        masonry: masonryOpts,
        onLayout: function() {
        //  console.log('layout!' + (layoutI++) )
            forceLoad();
            setTimeout(function(){
                html_height = $container.height();
                $("#sidebar").height(html_height - masonryOpts.gutterWidth);
            }, 500);
        }
    });
};
$container.imagesLoaded( function(){
    reLayout();
    $window.smartresize( reLayout );
});

助けてくれて本当にありがとうございます。

4

1 に答える 1

2

エラーはオンgetComputedStyle()です。これはIE<8ではサポートされていません

サポートチャートについては、こちらをご覧ください。

このような代替手段を使用できます。

于 2012-10-12T01:33:52.473 に答える