Problème de widget de boîte de dialogue JQuery UI avec IE et ASP.NET

Question

Le widget de formulaire modèle JQuery UI Dialog rencontre un problème avec ASP.NET lorsqu'un bouton de la boîte de dialogue est cliqué pour envoyer la page. Cela ne fonctionne pas car les éléments de formulaire dans la fenêtre de dialogue sont en dehors des balises de formulaire html. J'ai donc utilisé le correctif de faire $ ("# dialog"). Parent(). AppendTo ($ ("form: first")) ;.

Cela fonctionne dans Firefox mais pas dans IE car la fenêtre modale semble maintenant faire partie du reste de la page Web qui est désactivée. Visuellement, cela est évident par les rayures sur la fenêtre modale et le reste de la page Web.

Answer 1

Vous devez commencer par placer la div contenant la boîte de dialogue dans les balises de formulaire.

Answer 2

Vous pouvez toujours soumettre le formulaire manuellement en modifiant le bouton pour:

$('#myButton').click(function(){ 
    $('form:first').submit(); 
}); 

Answer 3

J'ai eu ce même problème. Vous devez l'ajouter au formulaire en cours. Cela a fonctionné à travers toutes les versions de navigateur modernes que j'ai pu trouver.

$('#foobar').dialog({ 
    autoOpen: false, 
    modal: true, 
    open: function() { $('#foobar').parent().appendTo('form:first') }, 
    title: 'FOOBAR' 
});