javascript - 当 : window. 滚动 & 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

可以使用以下内容。

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