jquery - 将变量传递给 jQuery 插件参数

Question

我在弄清楚如何将变量传递给 ajaxForm() 函数的参数时遇到问题。单击 jQuery 中的表单按钮后，我从隐藏表单字段获取 templatedir 路径(这很好用)，我可以将其传递给其他函数，但不能传递给 ajaxForm() 参数:

    var templatedir;

    // Get variable of templatedir
    $('form#contact input[type="submit"]').on('click',function(){
        templatedir = $('input[name=templatedir]').fieldValue();   
    });

    // Validate Form
    function validateform(formData, jqForm, options) {         
        ...
        // IF I CALL TEMPLATEDIR HERE IT WORKS
    }   

    // Send to PHPMailer
    $("form#contact").ajaxForm({
        url: templatedir, // IT DOESNT WORK HERE
        type: 'post', 
        beforeSubmit: validateform,
        target: '#msg',
        clearForm: true
    });

正如您所见，我尝试了此答案( How do i pass variables between functions in javascript )中的解决方案，但它不起作用。

Answer 1

您的变量templatedir未定义。

您应该在点击事件中调用ajaxForm()。

$('form#contact input[type="submit"]').on('click',function(event) {
    event.preventDefault();

    // Send to PHPMailer
    $("form#contact").ajaxForm({
        url: $('input[name=templatedir]').fieldValue(),
        type: 'post', 
        beforeSubmit: validateform,
        target: '#msg',
        clearForm: true
    });
});