javascript - 如何运行 onload 函数，然后从 onclick 事件中再次调用它

Question

这是我的功能

$(document).ready(function() {
    "use strict";

    var $rows_views = $('.view-display-id-block_1 .view-content').find('[class*="views-row-"]'); 
    $rows_views.each(function(index) { 
        $('.show-more').click(function() {
            if (index > (($rows_views.length / 3) - 1)) { 
                $('.views-row-' + (index + 1)).toggle(); 
            } 

            $('.pager').toggle(); 
        });
    });
});

我想运行它来隐藏行，然后在单击按钮以显示它们时切换它。如何在文档就绪时运行函数，然后在点击事件中再次运行该函数？

Answer 1

正如其他人在上面的评论中所述，您可以将您在点击事件中调用的函数移到外部并移至文档就绪函数的顶部，然后只需在点击事件中再次调用它(按名称):

$(document).ready(function() {
    "use strict";

    // Invoke your function here
    callMeTwice();


    // define your function here
    function callMeTwice () {
        // Do some stuff
    }

    // Invoke your function again within the click event here
    $(domElement).click(callMeTwice);
});