在以下時間運行函數：window.scroll和window.resize和document.ready

Question

我有一些功能，

我需要運行此功能

window.scroll

window.resize

准備好文件

例如

<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

可以使用以下內容。

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

Answer 2

您可以嘗試以下方法：

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

這也將注意方向的改變。