JQuery UI İletişim - Ajax Başarıda güncelleme $ (this) .dialog ('close');

Question

Yuvalanmış bir ajax 'başarı' işlevinden $ (this) 'a başvurmakla ilgili sorunlar yaşıyorum ... Bunun bir kapsam sorunu olduğunu biliyorum, ancak iletişimin başarılı bir güncelleştirmede kapatılması için temiz bir yol bulamıyor gibi görünüyor. Herhangi bir yardım için teşekkürler.

$("#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 seçeneği context: $(this), seçeneğini kullanarak geri çağrılanların kapsamını seçilen öğeye göre ayarlamanız gerekir.

Answer 2

Böyle, bu değişkenin bir kopyası olması gerekir: this dönüş farklı bir bağlamda olduğundan

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'); 
    } 
}); 

, bunu yakalamak ve kapatılması içine geçmesi gerekiyor :)

Answer 3

$.proxy()

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

ile deneyin yapabilirsiniz 'pass' 'Yukarıdaki' kapsamındaki bir işleve kapsam