为什么此代码段无效？

Question

Can anyone help me find what is wrong with my small snippet?

$(window).on("load resize", function() {
   if ($(window).width() < 770) {
      $(".side-by-side.right div").each(function() {
          $(this).insertAfter($(this).parent().find('img'));
      });
   } else {
      $(this).insertBefore($(this).parent().find('img'));
   }
});

The first command just above the else works, but what after the else dose not, what am I doing wrong? I am positive it is something tiny like the place of } or ) or maybe forgot to add ; somewhere!

http://jsfiddle.net/fD265/

Answer 1

In the else statement, you're trying to reference the parent of the window object. That's why it's not doing anything--there is no parent of the window object.

The first part (if) works, because in that .each() $(this) will refer to your div elements. The $(this) in the else is still referring to window.

Fixing it will depend on what you're trying to do--which I can't really tell. But, that's at least why it's not working. :-)

Answer 2

Since it's not clear, what you are trying to achieve, this may be, what you are looking for?

$(window).on("load resize", function() {
    if ($(window).width() < 770) {
        $(".side-by-side.right div").each(function() {
            $(this).insertAfter($(this).parent().find('img'));
        });
    } else {
        $(".side-by-side.right div").each(function() {
            $(this).insertBefore($(this).parent().find('img'));
        });
    }
});

In the else block, this references window instead of the object, you want to edit.