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

Question

संभव डुप्लिकेट:
Yes or No confirm box using jQuery

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

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

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

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

Answer 1

का प्रयास करें यह एक

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

Fiddle

Answer 2

आप jQuery UI का उपयोग और this

एचटीएमएल की तरह कुछ कर सकते हैं:

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

Answer 3

आप official JQueryUI implementation (न केवल jQuery) का उपयोग करने की कोशिश की?