web-dev-qa-db-fra.com

Boîte de dialogue de confirmation JQuery

Duplicata possible:
Boîte de confirmation Oui ou Non en utilisant jQuery

Je vois beaucoup d'exemples ici sur les remplacements de la boîte de dialogue de confirmation standard de jQuerys, mais je ne comprends aucun d'entre eux.

Si je veux faire apparaître une boîte de dialogue de confirmation à l'aide de jQuery ou jQueryUI. Comment puis-je le faire et récupérer le bouton sur lequel l'utilisateur a cliqué?

Il doit sûrement y avoir un moyen simple de configurer une boîte de dialogue de confirmation comme une commande alert("Something!");.

Ajoutez-y deux boutons et définissez une fonction de rappel sur yes ou no?

jqueryjquery-uiconfirm
18
MayoMan

Essaye celui-là

$('<div></div>').appendTo('body')
  .html('<div><h6>Yes or No?</h6></div>')
  .dialog({
      modal: true, title: 'message', zIndex: 10000, autoOpen: true,
      width: 'auto', resizable: false,
      buttons: {
          Yes: function () {
              doFunctionForYes();
              $(this).dialog("close");
          },
          No: function () {
              doFunctionForNo();
              $(this).dialog("close");
          }
      },
      close: function (event, ui) {
          $(this).remove();
      }
});

Violon

51
MaVRoSCy

Vous pouvez utiliser jQuery UI et faire quelque chose comme this

Html: 

<button id="callConfirm">Confirm!</button>

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

Javascript: 

$("#dialog").dialog({
   autoOpen: false,
   modal: true,
   buttons : {
        "Confirm" : function() {
            alert("You have confirmed!");            
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });

$("#callConfirm").on("click", function(e) {
    e.preventDefault();
    $("#dialog").dialog("open");
});

La

13
LeftyX

Avez-vous essayé d'utiliser implémentation officielle de JQueryUI (pas seulement jQuery):?

5
indra