JQuery UI 대화 상자 - 성공한 Ajax 업데이트 $ (this) .dialog ('close');

Question

중첩 된 Ajax 'success'함수 내에서 $ (this)를 참조하는 데 문제가 있습니다 ... 범위 문제이지만 성공적인 업데이트에서 대화 상자를 닫을 수없는 깨끗한 방법을 찾지 못하는 것 같습니다. 어떤 도움을 주셔서 감사합니다.

$("#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

는이 같은, 그 변수의 사본이 필요합니다 : this는 수익의 다른 상황에 있기 때문에

이

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

, 당신이 그것을 캡처 폐쇄로 전달해야 :)

Answer 3

는 $.proxy()

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

으로 시도 할 수 있습니다 '통과' '위'에서 그 기능까지의 범위