運行函數時：window.scroll＆window.resize及的document.ready

Question

我有一些功能，

我需要這個功能的運行，當

window.scroll

window.resize

的document.ready

例如

<script> 

    function myFunction1(data){ /*code*/ } 
    function myFunction2(data){ /*code*/ } 

    $(document).ready(function() { 

     myFunction1(data); 
     myFunction2(data); 

    }); 

    $(window).resize(function() { 

     myFunction1(data); 
     myFunction2(data); 

    }); 

    $(window).scroll(function() { 

     myFunction1(data); 
     myFunction2(data); 

    }); 

<script> 

那麼你會建議我做什麼？

Answer 1

你可以試試這個：

$(window).on("orientationchange load resize scroll", function() { 
    myFunction1(data); 
    myFunction2(data); 
}); 

這會照顧方向的改變也是如此。

Answer 2

可以使用以下內容。

function myFunction1(data){ /*code*/ } 
function myFunction2(data){ /*code*/ } 
function multipleHandle(data){ 
    myFunction1(data); 
    myFunction2(data); 
} 
$(document).ready(function() { 
    multipleHandle(data) 
}); 

$(window).on('resize scroll',function() { 
    multipleHandle(data) 
}); 

作爲替代，如果data是一個全局變量，

function myFunction1(data){ /*code*/ } 
function myFunction2(data){ /*code*/ } 
function multipleHandle(){ 
    myFunction1(data); 
    myFunction2(data); 
} 
$(document).ready(multipleHandle); 

$(window).on('resize scroll',multipleHandle);