resize function with window width jQuery

Question

  if ($(window).width() >= 320 && $(window).width() <= 480) {
    $(".projects").slice(1, 8).css("margin", "10px");
  } else {
    $(".projects").slice(3, 6).css("margin", "10px");
  };

Its working good with default without resize finction. I try set this with:

 $(window).resize(function() {           
 })

But not working. Any idea why?

JSFIDDLE

Seems to work to me. What exactly are you expecting it to do? — Bic
– Bic, Commented Feb 23, 2014 at 9:03
It does do that? Perhaps the problem is that it doesn't change back if the widths change? — Bic
– Bic, Commented Feb 23, 2014 at 9:05
The problem is only use the slice 1.8 when window resized not use slice 3.6 understand? — user3327101
– user3327101, Commented Feb 23, 2014 at 9:06

Bic · Accepted Answer · 2014-02-23 09:08:00Z

2

You are never resetting the div margins. Therefore, as soon as it get to the point where slice 1 through 8 have margins, they will never get changed back. You need to reset the divs:

$(window).resize(function () {
    $(".projects").css('margin', '0px'); // reset the divs
    if ($(window).width() >= 320 && $(window).width() <= 480) {
        $(".projects").slice(1, 8).css("margin", "10px");
    } else {
        $(".projects").slice(3, 6).css("margin", "10px");
    };
});

Here is Fiddle

answered Feb 23, 2014 at 9:08

Bic

3,13420 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

resize function with window width jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related