jQuery, en utilisant .remove(), mais je voudrais une boîte de confirmation pour apparaître

Question

J'utilise .remove() jQuery pour se débarrasser des divs de contenu, mais je voudrais être en mesure d'avoir une confirmation ou une boîte de dialogue apparaître avant qu'il ne soit supprimé. Je ne suis pas sûr du contexte de la façon dont j'écrirais un tel dialogue.

$(".remove").click(function() { 
    $('div').remove('#item1'); 
}); 

En cliquant sur le lien avec remove classe Je voudrais une boîte au popup Voulez-vous dire que vous voulez supprimer ce? Puis cliquez sur Oui pour supprimer et non pour le conserver. Merci à l'avance

Answer 1

Je pense que si vous cherchez une plus belle confirmation dia log puis la valeur par défaut sur le navigateur vous donne.

regard sur jQueryUI confirm dialog Vous pouvez définir le style comme vous voulez

voici comment la mettre en œuvre:

<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

Essayez ceci:

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

Hope it helps

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

Essayez le window.confirm: https://developer.mozilla.org/en/window.confirm

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