在以下情况下运行函数：window.scroll＆amp; window.resize＆amp;的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);

Answer 2

你可以试试这个：

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

这也会照顾方向变化。