Jquery 如何自动触发调整大小功能

Jquery 如何自动触发调整大小功能,jquery,Jquery,我刚刚使用以下代码根据窗口大小分离元素: $(window).on('resize', function(event){ if ($(window).width() < 1000){ $("div.products_left .left_box").detach().insertBefore("div.products_left div.content.flex"); $(".image-container-split").detach().appe

我刚刚使用以下代码根据窗口大小分离元素:

$(window).on('resize', function(event){
   if ($(window).width() < 1000){
        $("div.products_left .left_box").detach().insertBefore("div.products_left div.content.flex"); 
        $(".image-container-split").detach().appendTo(".image-container.image-container-col-2");
    }
    else{
        $("div.products_left .left_box").detach().insertAfter("div.products_left div.content.flex"); 
    }
});
$(窗口).on('resize',函数(事件){
如果($(窗口).width()<1000){
$(“div.products\u left.left\u box”).detach().insertBefore(“div.products\u left div.content.flex”);
$(“.image container split”).detach().appendTo(“.image container.image-container-col-2”);
}
否则{
$(“div.products\u left.left\u box”).detach().insertAfter(“div.products\u left div.content.flex”);
}
});
但后来我注意到,为了让代码正常工作,我必须实际调整窗口大小,这在移动设备上是做不到的


如何允许代码在页面加载后立即在任何设备上运行?

在导航栏菜单中设置代码,然后单击事件

function resizewin()
    if ($(window).width() < 1000){
            $("div.products_left .left_box").detach().insertBefore("div.products_left div.content.flex"); 
            $(".image-container-split").detach().appendTo(".image-container.image-container-col-2");
        }
        else{
            $("div.products_left .left_box").detach().insertAfter("div.products_left div.content.flex"); 
        }
}
函数resizewin()
如果($(窗口).width()<1000){
$(“div.products\u left.left\u box”).detach().insertBefore(“div.products\u left div.content.flex”);
$(“.image container split”).detach().appendTo(“.image container.image-container-col-2”);
}
否则{
$(“div.products\u left.left\u box”).detach().insertAfter(“div.products\u left div.content.flex”);
}
}
在菜单栏操作链接的onclick attr中设置此功能。触发器('resize')