我的函数不工作是因为它在一个函数中吗？

Question

为什么我的功能不起作用？

$(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'));
        });
    });

有人能告诉我吗？所有我试图做的是运行以下功能，在重新大小和加载时宽度低于770 am！

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

为什么不和我一起工作？

Answer 1

你必须在装载和调整大小时调用它。您的代码只处理调整大小的操作。

试着做这样的事情：

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

如果这是我的代码，我会用CSS媒体查询来实现。

Answer 2

你有语法问题。试试这个：

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