2017-05-29 47 views
0

我只是用下面的代碼,根據窗口大小分離的元素:如何觸發調整大小功能自動

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

但後來我發現,對於代碼的工作,我必須身體調整窗口的大小,這我無法在移動設備上進行操作。

如何讓代碼在頁面加載後立即運行並在任何設備上運行?

+0

'$(窗口).trigger( '調整')'HTTP ://api.jquery.com/trigger/ – Satpal

回答

0

設置你的代碼在你的導航欄菜單中單擊事件

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菜單欄的跳轉鏈接的