if statement command becomes invalid if page size over 1000

Question

I have an if statement on my website which does commands when the page is under a certain size. there is one small problem. if the page size is over 1000 it automatically says the if statement is not true and goes to the else. my attempts are bellow

if($("body").css("width") < 700 + "px")

I have tried a plain < and I have also done <= I'm kinda new to jquery, all help would be kindly appreciated.

Use `if($( document ).width() < 1000)` – Vijai Aug 04 '16 at 00:09 — Vijai, Aug 04 '16 at 00:09

score 1 · Answer 1 · answered Aug 04 '16 at 00:12

1

Better way of doing it with jQuery is using width function instead of css.

Something like this:

if ($(window).width() < 1000) { 
    alert('Less than 1000'); 
} else { 
    alert('More than 1000'); 
}

answered Aug 04 '16 at 00:12

Jakob

3,493
4
26
42

score 0 · Accepted Answer · edited May 23 '17 at 10:28

0

You are comparing strings. Strip off the trailing "px" from the left value (How to delete "px" from 245px) and compare numbers.

if(parseInt($("body").css("width") , 10) < 700)

edited May 23 '17 at 10:28

Community

1
1

answered Aug 04 '16 at 00:08

Robert Columbia

6,313
15
32
40

if statement command becomes invalid if page size over 1000

2 Answers2