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

请问有人可以提供建议吗？我想要做的就是在宽度低于770px的情况下在重新调整大小和重载时运行以下函数！

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

为什么不与我合作？？

Answer 1

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

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

Answer 2

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

尝试这样的事情：

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

如果是我的代码，虽然我会使用CSS Media查询。

我的功能不起作用，因为它在函数内部吗？

2 个答案: