停止jQuery函數在頁面加載時運行

Question

我遇到以下問題。 以下是摘要代碼

function submitProfileForm() {            

    console.log('here');
}

$(function () {

    //save function
    $('.save').on('click', function(){

        $('form.Zebra_Form').parsley().validate();
        return submitProfileForm();
    });

    //profile form validation
    $('form.Zebra_Form').on('submit', submitProfileForm());
});   

在頁面加載時，submitProfileForm（）函數將在頁面加載后立即運行，而僅在提交Zebra表單或單擊外部保存按鈕時才運行。

我究竟做錯了什么？

Answer 1

您必須將函數submitProfileForm作為參數傳遞給on('submit',func)

$('form.Zebra_Form').on('submit', submitProfileForm);

文檔： http : //api.jquery.com/on/

Answer 2

這是因為您在這里$('form.Zebra_Form').on('submit', submitProfileForm());中調用它$('form.Zebra_Form').on('submit', submitProfileForm()); 。 查看submitProfileForm()部分。 您應該將函數作為參數傳遞