jQuery modal dialogue avec les publications en ASP.NET

Je viens de mettre mon jQuery/jQuery UI à la dernière version (jQuery 1.9.0, jQuery UI 1.10.0), et il semble avoir brisé certaines de mes jQuery dialogue de l'INTERFACE utilisateur de la fonctionnalité.

Pour faire des publications dans un jQuery UI dialog dans ASP.NET il y avait beaucoup de solution de contournement commune où vous devrez ré-ajouter votre DIV pour le FORMULAIRE principal, puisque jQuery re-construction de la DIV à l'extérieur de la FORME, comme suit:

$("#newInsurance").dialog({
    autoOpen: false,
    modal: true,
    open: function (type, data) {
        $(this).parent().appendTo($("form:first"));
    }
});

Malheureusement, depuis la mise à niveau de cette place maintenant la boîte de Dialogue derrière le gris/désactivé l'overlay pour l'arrière-plan. Si le formulaire dans la fenêtre qui s'est inutilisable et tous les grisé. J'ai essayé plusieurs choses et je n'arrive pas à le faire fonctionner -, il semble comme si cette vieille façon de contourner ne fonctionne plus. Personne ne sait d'une nouvelle façon de contourner ce qui fonctionne? Ou ai-je raté quelque chose? Cela fonctionnait très bien jusqu'à ce que je mis à niveau.

Voici quelques informations sur le travail autour de ce que l'habitude de travailler:

J'ai testé avec Internet Explorer 9 et Google Chrome 24.x

Selon le site de jQuery UI, la boîte de Dialogue de l'API a été entièrement repensé en jQuery UI 1.10.0:

InformationsquelleAutor Adam Plocher | 2013-01-31
  1. 18

    OK, donc cela semble être le correctif de l'INTERFACE utilisateur de jQuery v1.10:

    $("#newInsurance").dialog({
    autoOpen: false,
    appendTo: "form",
    modal: true
}).parent().css('z-index', '1005');

    Dans l'INTERFACE utilisateur de jQuery v1.10 ils ont ajouté une appendTo de la propriété, qui semble faire exactement la même chose que l'appel à la .parent().appendTo($("form")). L'astuce pour le fix est le z-index.

    • Merci. Le mien a fonctionné sans le .parent.css(...) peu de toute façon (jQuery UI - v1.10.2)
    • Cela fonctionne! mais est-ce la façon dont il est censé être manipulé que par Jquery équipe? C'est sûr qu'il ressemble à un hack
    • Je ne suis vraiment pas sûr. Je me suis battu avec ce pour un bon moment et cherché partout avant d'essayer quelque chose qui a travaillé. Il y a peut être plus d'informations disponibles maintenant sur elle, mais quand j'ai mis en place cet été récemment après JUI 1.10 a été libéré et je ne pouvais pas trouver quoi que ce soit.
    • Oui, il fonctionne, Ils ont résolu le problème en v1.10
    • Juste une petite explication, ce problèmes se produisent parce que les objets sont déplacés à l'extérieur de ASP.NET forme lorsque vous créez la boîte de dialogue, Si vous utilisez un Panneau de mise à Jour, vous devez appendTo le panneau Mises à jour. Quelque chose comme appendTo: "#<%=MyUpdatePanel.ClientID %>"
    • Parfait. Ce qui m'a sauvé la déchirure de ce qui est à gauche de mes cheveux.
    • Je ne sais pas comment vous avez su cela, mais merci, vous juste m'a sauvé des heures de travail !
    • J'ai été en utilisant jQuery UI 1.11 très bien avec Chrome 36.x, mais IE-11.x ne pas mettre la boîte de dialogue en haut à Z. Changer le z-index dans la méthode ouverte n'a rien fait. Cependant, la solution ci-dessus, il fixe pour IE-11: }).parent().css('z-index', '1005');

    InformationsquelleAutor Adam Plocher