JQuery पुष्टि संवाद




jquery-ui confirm (2)

संभव डुप्लिकेट:
JQuery का उपयोग करके हां या कोई पुष्टि बॉक्स नहीं है

मैं यहां jQuery के मानकों की पुष्टि के लिए प्रतिस्थापन के बारे में बहुत सारे उदाहरण देखता हूं लेकिन उनमें से किसी को समझ नहीं आ रहा है।

अगर मैं jQuery या jQueryUI का उपयोग करके एक पुष्टि संवाद को पॉप-अप करना चाहता हूं मैं यह कैसे कर सकता हूं और उपयोगकर्ता को किस बटन पर क्लिक किया?

निश्चित रूप से एक alert("Something!"); तरह एक पुष्टि संवाद स्थापित करने का एक आसान तरीका होना चाहिए alert("Something!"); आदेश।

इसमें दो बटन जोड़ें और yes या no पर एक कॉल बैक फ़ंक्शन सेट करें?


आप jQuery UI का उपयोग कर सकते हैं और ऐसा कुछ कर सकते हैं

एचटीएमएल:

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

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

जावास्क्रिप्ट:

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


इसको आजमाओ

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

बेला





confirm