Моя функция не работает, потому что она внутри функции?

0

Почему моя функция не работает?

$(window).resize(function() {
if ($(window).width() < 1024) {
       $('.side-by-side div').each(function() {
       $(this).insertAfter($(this).parent().find('img'));
    });
});

Я попытался сделать это так, как может быть, мы не можем иметь функцию внутри функции, и она все еще не работает:

 $(window).resize(function() {
     if ($(window).width() < 1024) {
         var $each = $('.side-by-side div').each();
         $(each).insertAfter($(this).parent().find('img'));
        });
    });

Пожалуйста, кто-нибудь может посоветовать? все, что я пытаюсь сделать, - запустить следующую функцию при изменении размера и нагрузке при ширине под 770px!

$('.side-by-side div').each(function() {
       $(this).insertAfter($(this).parent().find('img'));
    });

Почему не работает со мной !?

Теги:

2 ответа

0
Лучший ответ

Вы должны вызвать его при загрузке и изменении размера. Ваш код обрабатывает только размер.

Попробуйте что-то вроде этого:

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

Если бы это был мой код, хотя я бы сделал это с запросами CSS Media.

Поделиться
  • 0
    Пожалуйста, посмотрите здесь: loaistudio.com/services, он работает сейчас, как и хотел, но не хватает только одного - сбросить все обратно «т.е., пожалуйста, измените размер на маленький, а затем измените размер на большой, чтобы увидеть, что происходит?»
  • 0
    Чтобы поменять их местами, вам нужно иметь условие else и поменять местами изображение с $(this) . А если серьезно, используйте для этого медиазапросы и просто отправляйте их. Вы уже используете их в своем CSS, и они могут быть использованы для этого тоже.
Показать ещё 1 комментарий
0

У вас проблема с синтаксисом. Попробуй это:

$(window).resize(function() {
    if ($(window).width() < 1024) {
       $('.side-by-side div').each(function() {
           $(this).insertAfter($(this).parent().find('img'));
       });
    }
});
Поделиться
  • 0
    Это работает только для изменения размера, как заставить его работать и под нагрузкой?
  • 0
    Посмотрите здесь
Показать ещё 9 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню