JQuery это() не похоже на работу

Question

У меня есть эта простая форма проверки & и все отлично работает за исключением «это» точки, ну, я понятия не имею, что:

$('#contact').validator().submit(function(e){ 
     e.preventDefault(); 
     $.ajax({ 
      type: "POST", 
      url: this.action, 
      data: { 
      mail: jQuery('input[name="mail"]').val(), 
      message: jQuery('textarea[name="message"]').val(), 
      success: function(){ 
      $(this).hide(); 
      } 
     }); 
    }); 

Я хочу это код, чтобы скрыть #contact на успех, но этого никогда не произойдет.

Я пытался alert(this), но я получаю [object Object], то же самое произошло, когда я console.log($(this)) (там только объект с + рядом с ним, и когда я нажимаю + Я вижу все виды данных за исключением класса/идентификатор этого элемента .? :() Любые идеи есть ли что-то случилось с моим кодом

Answer 1

Вы теряете контекст В submit функции #contact элемент контекста асинхронность настройки обратного вызова Ajax контекст

с Jquery документации?...:

Эта ссылка во всех обратных вызовах является объектом в контексте опцией, переданной в $ .ajax в настройках; если контекст не указан, это ссылка на настройки Ajax.

$('#contact').validator().submit(function (e) { 
    e.preventDefault(); 

    var self = this; 

    $.ajax({ 
    type: "POST", 
    url: this.action, 
    data: { 
     mail: jQuery('input[name="mail"]').val(), 
     message: jQuery('textarea[name="message"]').val(), 
     success: function() { 
     $(self).hide(); 
     } 
    }); 
    }); 
}); 

Answer 2

this в контексте success метода не относится к щелкнутому элементу, вы должны кэшировать элемент:

$('#contact').validator().submit(function(e){ 
     e.preventDefault(); 
     var $this = $(this); // cache the object 
     $.ajax({ 
      type: "POST", 
      url: this.action, 
      data: { 
      mail: jQuery('input[name="mail"]').val(), 
      message: jQuery('textarea[name="message"]').val() 
      }, // missing } 
      success: function(){ 
      $this.hide(); 
      } 
     }); 
});