0

ウィンドウのサイズを確認する次の jquery コードがあります。残念ながら、幅だけを拾うようです-高さはゼロとして返されます。どこが間違っていますか？

$(document).ready(function() {
    var $window = $('body');
    function checkSize() {
        var windowWidth = $window.width();
        var windowHeight = $window.height();

        if (windowWidth < 765) {
            $('#index_right').hide();
            $('.btn').removeClass("btn-large");
        }
        else if (windowWidth < 880) {
            $('#index_right').hide();

            $('.btn').addClass("btn-large");
        }
        else
        {
            $('#index_right').fadeIn(1000);
            $('.btn').addClass("btn-large");
        }

        if (windowHeight < 3000) {
            //alert(windowHeight);
            $('#index_base').hide();
        }
        else
        {
            $('#index_base').fadeIn(1000);
        }
    }
    checkSize();
    $(window).resize(checkSize);
});
4

3 に答える 3

1

訪問者の画面サイズに応じて異なるコンテンツを表示または非表示にしようとしているようですが、代わりにメディアクエリを使用してみませんか?

(詳細はhttp://www.w3.org/TR/css3-mediaqueries/ )

于 2013-06-19T15:56:49.940 に答える
1

代わりに、jquery の組み込みの高さメソッドを使用してみてください。

$(window).height();
于 2013-06-19T15:57:53.690 に答える