javascript - 如果 document.ready 或者如果单击元素，是否有办法触发 jquery 函数？

Question

我有一个函数可以在页面最初加载时触发 ajax 调用，但是如果我的用户单击页面上的“刷新”按钮，我希望能够触发相同的 ajax 调用。目前，我通过拥有两个完全独立（但相同）的功能来实现这一点。一个开火，$(document).ready(另一个开火$(document).on('click'

有什么方法可以整合这些，所以它只是一个在 document.ready 或 document.on'click' 上触发的函数？

Answer 1

只需定义它并将其作为参数传递。

function func () {}

$(document).ready(func); // or $(func)

$(document).on("click", ".your-btn", func);

Answer 2

您还可以定义一个变量并将您的函数作为表达式分配给它。然后，立即调用它并在任何你想要的地方使用。

$(document).ready(function() {
    let foo;

    (foo = function() {
        console.log('Foo');
    })();

    $(document).on('click', '<selector>', foo); // $('<selector>').click(foo);
});