偽造窗口調整大小，以使所有僅調整大小的JavaScript加載

Question

假設我有一個JavaScript，它會在調整窗口大小時運行，但是如果您使用window.load或document.ready，它將無法正常工作。 （我的情況）。

我不是在單獨尋找window.load或document.ready（jQuery）...我是在尋找從字面上偽造窗口調整大小的方法...以加載僅調整大小的腳本。

如何在不調整窗口大小的情況下偽造窗口調整大小？

Answer 1

如果可能，不要偽造任何東西。 這使您的代碼難以閱讀和理解。 像這樣重組代碼：

function onResize(e)
{
    // does window.resize stuff
}

$(document).load(function(e){
     // when the document is loaded, do resize stuff as well
     onResize(e);
});

// add event listener to window.resize
$(window).resize(onResize);

Answer 2

只需調用$(window).trigger('resize'); 它將觸發調整大小，並且您在調整大小上注冊的所有內容都會被調用。

 $(window).resize(function() { alert("Work done when resize is being called"); }); $(window).resize(function() { alert("More work"); }); $("*").click(function(){ alert("Triggering resize"); $(window).trigger('resize'); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Click anywhere to trigger the resize