$ (this) .ajaxSubmit не является функцией

Question

Я использую rails 3.1.3 и jquery.form.js версии 2.9.4 и jquery 1.7.1. Я помещал некоторые инструкции для печати в jquery.form.js, поэтому я могу видеть (в консоли firebug), что он загрузился.

И я создал свою форму, как это:

var options = { 
    success: s.update_or_add_contact_response, type: 'post', 
    dataType: 'json', url: s.update_contact_path 
}; 

$('form#new_user').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
}); 

И когда я нажимаю на кнопку, чтобы отправить форму, я получаю следующее сообщение об ошибке в консоли Firebug:

$ (это) .ajaxSubmit не является функцией

Что я здесь делаю неправильно?

Answer 1

Возможно, вам не хватает обложки document.ready?

$(function() { // same as document.ready 
    var options = { 
     success: s.update_or_add_contact_response, type: 'post', 
     dataType: 'json', url: s.update_contact_path 
    }; 

    $('form#new_user').submit(function() { 
     $(this).ajaxSubmit(options); 
     return false; 
    }); 
}); 

Answer 2

Я никогда не использовал эту функцию, но ваш синтаксис выглядит правильно в соответствии с доком по адресу: http://jquery.malsup.com/form/#ajaxSubmit.

Не видя всего вашего кода, я бы предположил, что вы не связываете плагин jQuery, или вы не обворачиваете свой код в $(document).ready(function() { //code }); как таковой.

Посмотрите на исходный код и убедитесь, что плагин связан. Это там?

Включить оповещение чуть выше var options. Выходит ли это?

Answer 3

Я думаю, что jQuery должен быть конфликтующим с другими файлами js, вы можете найти справку от here, заменив $ на jQuery в коде может помочь.

Answer 4

Это новая функция, так что вы должны добавить другой Lib файл после того, как JQuery Lib

<script src="http://malsup.github.com/jquery.form.js"></script> 

он будет работать .. я испытал .. надеюсь, что он будет работать для вас ..