javascript - 如何立即调用 javascript 函数而不是滚动

Question

我这里有一段javascript代码。单击超链接时，将调用 load_button() 函数，该函数仅将变量 load_switch 设置为 true。我在 $(window).scroll(function() { 内有一段代码，当用户滚动时会触发代码。所以此时，用户单击超链接将变量设置为true，然后当用户滚动时，我的 load_posts 函数(我从包含的代码中省略了该函数，以使其更易于阅读，请参见下文)触发。 我想知道如何让该功能触发，而无需用户先滚动来激活它。我正在编辑一个以前编程的函数，该函数曾经是无限滚动的(因此当用户滚动时调用该函数)。这是我的 JavaScript:

<script language="javascript">
            var load_switch = false;

            function load_button(){
                load_switch = true;
            }

            $(document).ready(function() {
                $('.loader').hide();
                var load = 0;

                $(window).scroll(function() {
                    if(load_switch) {
                        //load_posts function goes here
                    }

                });
            });
</script>

Answer 1

为您的函数命名

var load_switch = false;
function load_button(){
    load_switch = true;
}
// Name your function instead of defining it inline
function onScroll() {
    if(load_switch) {
        //load_posts function goes here
    }
}
$(document).ready(function() {
    $('.loader').hide();
    var load = 0;
    $(window).scroll(onScroll);
    // Call it whenever you'd like
    onScroll();
});