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

Question

我只是用下面的代码，根据窗口大小分离的元素：

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

但后来我发现，对于代码的工作，我必须身体调整窗口的大小，这我无法在移动设备上进行操作。

如何让代码在页面加载后立即运行并在任何设备上运行？

Answer 1

设置你的代码在你的导航栏菜单中单击事件

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

设置该功能中的onclick ATTR菜单栏的跳转链接的