如果 document.ready 或單擊元素，有沒有辦法觸發 jquery function ？

Question

我有一個 function 會在頁面最初加載時觸發 ajax 調用，但我希望能夠觸發相同的 ajax 調用如果我的用戶在頁面上調用按鈕。 目前，我通過擁有兩個完全獨立（但相同）的功能來實現這一點。 一個觸發$(document).ready(另一個觸發$(document).on('click'

有什么方法可以整合這些，所以它只是一個 function 在 document.ready 或 document.on'click' 上觸發？

Answer 1

只需定義它並將其作為參數傳遞。

function func () {}

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

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

Answer 2

您還可以定義一個變量並將您的 function 作為表達式分配給它。 然后，立即調用它並在任何你想要的地方使用。

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

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

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