jQuery/Javascript if width issue

Question

I can't seem to get my if statement working. I know that everything inside the if statement works, so would appreciate some help.

$(document).ready(function () {
    if(screen.width > 350) {
        $('#search').hide();
        $('.trigger').click(function () {
            $('#search').slideToggle("500");
        });
    }
});

Place alert(screen.width); before if statement and tell us what you see. — Tadeck
– Tadeck, Commented Nov 28, 2011 at 4:44
Seems to work fine, maybe let us know what you expect vs what's actually happening. — Godwin
– Godwin, Commented Nov 28, 2011 at 4:47

Robert Van Sant · Accepted Answer · 2011-11-28 04:51:21Z

1

try using:

if ($(window).width() > 350) {

or

 if ($(document).width() > 350) {

i hope it helps.

answered Nov 28, 2011 at 4:51

Robert Van Sant

1,50710 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Robert Van Sant Over a year ago

np, i'm glad it got resolved :) btw, if you like the answer, don't forget to check it off as the answer

Tadeck · Accepted Answer · 2011-11-28 04:55:01Z

1

This returns width of browser viewport:

$(window).width();

This returns width of HTML document:

$(document).width();

edited Nov 28, 2011 at 4:55

Tadeck

138k28 gold badges155 silver badges201 bronze badges

answered Nov 28, 2011 at 4:49

Mojtaba Pourmirzaei

3081 gold badge6 silver badges17 bronze badges

Collectives™ on Stack Overflow

jQuery/Javascript if width issue

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related