JQuery boîte de dialogue Modale: Superposition n'est pas visible

Je suis nouveau sur JQuery. Je suis en train d'élaborer un ASP.Net application MVC. Dans l'un des points de vue, je suis en train d'ouvrir une boîte de Dialogue Modale JQuery.
Voici le code JavaScript pour ce

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript" />
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript" />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"/>

<script type="text/javascript">
    $(document).ready(function () 
    {
        $(".openDialogLink").
        live("click", function (e) 
        {
            e.preventDefault();
            $("<div></div>").addClass("dialogBoxDiv").appendTo("body").
            dialog(
            {
                modal: true, 
                draggable: true,
                overlay: { backgroundColor: "#000000", opacity: 0.5 }, 
                title: $(this).attr("DialogTitle"),
                show: "puff",
                hide: "puff",
                closeOnEscape: true,
                close: function () 
                {
                    $(this).remove()
                },
            }
            ).load(this.href);
        });
        $(".close").
        live("click", function (e) 
        {
            e.preventDefault();
            $(this).closest(".dialog").dialog("close");
        });
    });

Problème est la superposition de zones inutilisées dans la page n'est pas visible. Regarde comme il y a quelques petits réglage, je suis absent.

Aider S'Il Vous Plaît.

Où est votre superposition situé dans votre balisage? En supposant que ses un div avec un masque. Ive a eu des problèmes où la superposition de ne le montrer, sauf si elle a été sur la masterpage/mise en page.
Je n'ai pas ajouter de superposition de la div dans le balisage HTML. Ce que j'ai pensé, c'est la superposition de la propriété en JQuery dialogue est l'un nous devons utiliser ainsi mis à la superposition: { backgroundColor: "#000000", opacity: 0.5 }. N'est-il pas ainsi?
Oui. Mais le plus souvent avec jQuery modals theres un div caché à la fin de la page. Consultez le guide à nouveau et de voir si vous avez manqué tout de balisage.
Vous n'avez pas de CSS
Oui, manque CSS a été en effet le problème. Merci.

OriginalL'auteur Maheep | 2011-09-05

  1. 5

    Il semble bien fonctionner avec le fond de superposition.

    http://jsfiddle.net/8bwNU/

    Le jQuery-ui feuille de style css utilise des images pour le jQuery objets que vous utilisez. Sans doute ajouter le fichier css si vous n'avez pas quelque part d'autre est déjà... Vous pouvez télécharger les composants dont vous avez besoin à partir de ici.

    <link href="../../Content/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />

    Le fichier zip contient un fichier css, les images et le jQuery-ui fichier javascript (que vous utilisez actuellement). Le css cherche un peu les images dans un dossier nommé "images", donc tant que les images sont dans votre solution dans un dossier nommé images et que vous avez référencé votre css, il devrait appliquer le fond de superposition.

    Merci pour le détail expatiation. Oui j'ai raté le CSS de référence à mon avis. Le problème est résolu. Merci Beaucoup.
    Pas de problème @Maheep 🙂

    OriginalL'auteur David Spence