2013-07-02 3 views
3

Voici mon code:Comment afficher le dialogue jquery avec le bouton OK?

$("#success").dialog({ 
    modal: true, 
    title: 'Payment success', 
    width: 400, 
}); 

Comment puis-je montrer un bouton OK dans cette boîte de dialogue?

+0

Je pense que vous devriez ajouter une autre touche 'buttons: {" ok ": function() {}}' avec les autres propriétés. – mohkhan

+3

Tout ce dont vous avez besoin se trouve dans les documents de l'API: http://api.jqueryui.com/dialog/#option-buttons –

+0

@RoryMcCrossan GJ, mais pourquoi ne pas afficher ceci comme réponse? ^^ – Mingebag

Répondre

10

Utilisez Buttons option.

$("#success").dialog({ 
       modal: true, 
      title: 'Payment success', 
      width: 400, 
      buttons : { 
       Ok: function() { 
        $(this).dialog("close"); //closing on Ok click 
       } 
      }, 

     }); 
+0

Merci beaucoup @Baadshah et tout. –

+0

@saravanan Glad je pourrais vous aider :) –

+0

merci @ sᴜʀᴇsʜᴀᴛᴛᴀ –

2
$("#success").dialog({modal:true,title:'Payment success',width:400,buttons{"Ok":execute,"Cancel": cancel}}); 

var execute = function() 
{ 
    alert('This is Ok button'); 
} 

var cancel = function() 
{ 
    alert('This is Cancel button'); 
} 

Cela devrait fonctionner.

1
$("#success").dialog({ 
modal:true, 
title:'Payment success', 
width:400, 
buttons: { 
     Ok: function() { 
      $(this).dialog('close'); 
     } 
}); 

Cela devrait ajouter un bouton avec le texte 'Ok', lorsque vous cliquez sur le bouton de la boîte de dialogue fermer :)

http://jqueryui.com/dialog/

Questions connexes