JQuery UI Dialog - Ajax Обновление успеха $ (this) .dialog ('close');

Question

Имея проблемы со ссылкой на $ (this) изнутри вложенной функции успеха ajax ... Я знаю, что это проблема с областью, но не может найти чистый способ закрыть диалог при успешном обновлении. Спасибо за любую помощь.

$("#dialog_support_option_form").dialog({ 
     width: 400, 
     height: 180, 
     bgiframe: true, 
     autoOpen: false, 
     modal: true, 
     buttons: { 
      'Save Support Option': function(){ 
       $.ajax({ 
        type: 'POST', 
        url: "support_options/create_support_option.php", 
        data: $(this).find('form').serialize(), 
        success: function(data){ 
         $("#list_support_options").html(data); 
         $(this).dialog('close'); 
        } 
       }); 
      }, 
      'Cancel': function(){ 
       $(this).dialog('close'); 
      } 
     }, 
     close: function(){ 
      $(this).find('input').val(''); 
     } 
    }); 

Answer 1

Вы должны использовать опцию ajax context: $(this),, чтобы задать область для обратных вызовов для выбранного элемента.

Answer 2

Вы должны иметь копию этой переменной, например:

var dlg = $(this); 
$.ajax({ 
    type: 'POST', 
    url: "support_options/create_support_option.php", 
    data: $(this).find('form').serialize(), 
    success: function(data){ 
    $("#list_support_options").html(data); 
    dlg.dialog('close'); 
    } 
}); 

Поскольку this находится в другом контексте возвращения, вы должны захватить его и передать его в крышку :)

Answer 3

Попробуйте с $.proxy()

success: $.proxy(function(data){ 
    $(this).dialog('close'); 
}, this); 

Вы можете 'пройти' область от «выше» до функции с ней