Comment a-t-on plusieurs formulaires modaux sur une page en utilisant jQuery UI?

Question

Je dois avoir plusieurs boutons, chacun affichant une forme modale différente à l'aide de l'interface utilisateur jQuery. Est-ce possible? Comment?

Answer 1

Oui, c'est possible.

Donnez simplement des ID différents à vos éléments de dialogue.

Exemple:

html:

<div id='d1' title='Hi1' style='display:none'>Hi from dialog 1</div> 
<div id='d2' title='Hi2' style='display:none'>Hi from dialog 2</div> 

<button id='b1'>Open dialog 1</button> 
<button id='b2'>Open dialog 2</button> 

javascript (sur le document événement prêt):

$('#b1').click(function() { 
    $('#d1').dialog({modal: true}); 
}); 

$('#b2').click(function() { 
    $('#d2').dialog({modal: true}); 
});