jquery - ウィンドウのサイズ変更で要素の寸法を取得する

Question

次のコードがあります

var isSmallScreen = $(".container-inner").width() <= 570;
$(window).resize(function() {
isSmallScreen = $(".container-inner").width() <= 570;
});

console.log(isSmallScreen);

ウィンドウのサイズを変更すると、isSmallScreen が表示されません。

私はこれがそれを行う方法だとは確信していませんが、私は何かをすることができるようにしたいです

if (isSmallScreen) {
// hide element
}

Answer 1

あなたはこのコードを使用する必要があります 私はそれについてかなり確信していますデモはこちら

$(window).resize(function() {
var isSmallScreen = $(".container-inner").css("width") <= 570;
console.log(isSmallScreen);
})

Answer 2

ここでの他の提案からの小さな変更のみ。isSmallScreen関数に移動して、必要なときにいつでも呼び出すことができます。これは（私の考えでは）上記のものよりも少し整頓されています...

function isSmallScreen() {
    return $(".container-inner").width() <= 570;
}

function smallScreen() {
    // do stuff here because the screen is small
}

$(window).resize(function() {
    if (isSmallScreen()) {
        console.log("isSmallScreen");
        smallScreen();
    }
}).resize();

Answer 3

あなたが使用することができますwindow.resize()

このような

$(window).resize(function() {
var isScreenSmaller;
if($(".container-inner").width() <= 570){
  isScreenSmaller = true;
}
else
{
 isScreenSmaller = false;
}
alert(isScreenSmaller);
}).resize();