使用jQuery检查CSS媒体查询不起作用

Question

I cant help but feel stupid. I have a simple setup which should be working but is not. Obviously im missing something simple. Im trying to get it to load on doc ready rather than using window scroll btw.

why does this not work?

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

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

thanks in advance.

Answer 1

jQuery seems to only return pixel widths rather than percentages. Try using

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

That will check to be sure something is the same width as it's direct parent element.

Answer 2

use width() :

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

demo: http://jsfiddle.net/bxLLH/3/