JQuery UI संवाद - सफलता $ (यह) पर अजाक्स अपडेट .dialog ('बंद');

Question

नेस्टेड 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); 

साथ यह प्रयास करें आप कर सकते हैं 'पास' 'उपरोक्त' से गुंजाइश के साथ