jQuery, .remove()를 사용하고 있지만 확인 상자가 나타납니다.

Question

jQuery의 .remove()를 사용하여 div의 컨텐츠를 없애고 있지만 확인 또는 대화 상자를 갖고 싶습니다. 제거되기 전에 나타납니다. 나는 그러한 대화를 어떻게 쓸 것인지에 대한 컨텍스트에 대해서는 확신 할 수 없다.

클래스 제거 링크를 클릭하면 팝업 상자가 나타납니다. 제거 하시겠습니까? 그런 다음 삭제하려면 예를 클릭하고 유지하려면 아니오를 클릭하십시오. 사전

Answer 1

난 당신이 찾고있는 경우라고 생각 더 좋은 확인 다이얼 로그를 입력하면 브라우저의 기본값이 나타납니다.

jQueryUI confirm dialog 에서

모습이 당신이 그것을 구현하는 방법이다

원하는대로 당신은 그것을 스타일 수 있습니다

<div id="dialog" title="Confirmation Required"> 
    Are you sure about this? 
    </div> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#dialog").dialog({ 
    autoOpen: false, 
    modal: true 
}); 
}); 



$("#dialog").dialog({ 
    buttons : { 
    "Confirm" : function() { 
    // do something remove() 
    }, 
    "Cancel" : function() { 
     $(this).dialog("close"); 
    } 
    } 
}); 

    $("#dialog").dialog("open"); 
}); 

Answer 2

감사이 시도 :

$(".remove").click(function() { 
    if(confirm("are you sure you want to remove the div")){ 
    $('div').remove('#item1'); 
    } 
}); 

그것을 시도

Answer 3

$(".remove").click(function() { 
    if (confirm('Are you sure?')) { 
     $('div').remove('#item1'); 
    } 
}); 

Answer 4

$(".remove").click(function() { 
    if(confirm("Are you sure you want to remove this?")) { 
    $('div').remove('#item1'); 
    } 
}); 

Answer 5

도움이 희망 window.confirm : https://developer.mozilla.org/en/window.confirm

$(".remove").click(function() { 
    if(window.confirm('Are you sure?')) { 
    $('div').remove('#item1'); 
    } 
});