使用jQuery檢查CSS媒體查詢不起作用

Question

我不禁感到愚蠢。 我有一個簡單的設置，應該可以，但是不能。 顯然我錯過了一些簡單的東西。 我試圖讓它加載到文檔准備好，而不是使用窗口滾動順便說一句。

為什么這不起作用？

if ($(".container").css("width") == "100%"){
    alert("adfgf adg df afdgadg");
}

http://jsfiddle.net/bxLLH/2/

提前致謝。

Answer 1

jQuery似乎只返回像素寬度，而不是百分比。 嘗試使用

if ($('.container').width() === $('.container').parent().width())

這將檢查以確保某些寬度與其直接父元素的寬度相同。

Answer 2

使用width() ：

if ($(".container").width() == $(window).width()){
    alert("adfgf adg df afdgadg");
}

演示： http : //jsfiddle.net/bxLLH/3/