jQuery - 확인 팝업이 값을 반환 할 때까지 대기

Question

그래서 나는 모든 레코드에 제거 버튼이있는 테이블을 가지고 있습니다. 버튼을 클릭 할 때 표시되는 확인 팝업을 추가하고 싶습니다.

var $confirmDialog = $('<div></div>') 
    .html('This record will be removed.') 
    .dialog({ 
    autoOpen: false, 
    title: 'Remove confirtmation', 
    buttons: { 
     "OK": function() { 
     $(this).dialog("close"); 
     return true; 
     }, 
     "Cancel": function() { 
     $(this).dialog("close"); 
     return false; 
     } 
    } 
    }); 

내 제거 버튼 이벤트 : Btw는

$(".removeButton").on("click", function(){ 
    if($confirmDialog.dialog('open')){ 
     var name = $(this).siblings(".someClassForNameHolder").text(); 
     var urlPath = $("#hiddenForUrl").val(); 
     Application.postRecord(name, "Remove", urlPath); 
    } 
}); 

, 난 몇 다음 사항이 : 나는 고유 ID를 가진 테이블의 모든 레코드를 제공 할 수

1), 그래서 내가 가진 내 removeButton 이벤트 (내 데이터 컬렉션 (name 변수)를 유지하려면 this.sibling ...을 사용할 수 있어야합니다.

2) 내 스크립트가 $confirmDialog 값을 반환 할 때까지 기다렸다가 코드 실행을 계속하기를 원합니다.

Answer 1

그냥이 urlPath 전역 변수에, 그리고 OK 핸들러 내부의 POST을 실행 할당합니다

var nameToRemove, urlPathToRemove; 

var $confirmDialog = $('<div></div>') 
    .html('This record will be removed.') 
    .dialog({ 
    autoOpen: false, 
    title: 'Remove confirtmation', 
    buttons: { 
     "OK": function() { 
     $(this).dialog("close"); 
     Application.postRecord(nameToRemove, "Remove", urlPathToRemove); 
     }, 
     "Cancel": function() { 
     $(this).dialog("close"); 
     return false; 
     } 
    } 
    }); 

    $(".removeButton").on("click", function(){ 
    if($confirmDialog.dialog('open')){ 
     nameToRemove = $(this).siblings(".someClassForNameHolder").text(); 
     urlPathToRemove= $("#hiddenForUrl").val(); 
    } 
    });