Modale de dialogue ne cachent pas au chargement de la page

Je suis en train de créer une boîte de dialogue modale à juste afficher le contenu (html, de la sorte, ou autre):

<script>
$.fx.speeds._default = 1000;
$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        closeOnEscape: true,
        modal: true,
        position: 'center',
        width: 800,
        height: 600,
        show: "blind",
        hide: "explode"
    });

    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });

});
</script>

Lorsque j'affiche la page, la boîte de dialogue en ligne et non caché. Voici mon code html:

<div id="dialog">This is my dialog that should be hidden until called</div>
<button id="opener">I Open the Dialog</button>

Ce que je fais mal?

  • Êtes-vous y compris jQueryUI.js dans le bon ordre? Il semble que cela ne fonctionne pas du tout donc peut-être que vous n'avez pas accès à jQueryUI.
InformationsquelleAutor SteeleHudson | 2011-09-27
  1. 10

    Cacher la div à l'aide de css comme tel:

    <div id="dialog" style="display:none;">This is my dialog that should be hidden until called</div>

    Maintenant il n'affiche que quand il est appelé.

    InformationsquelleAutor Brett
  2. 8

    Vous devez définir la autoOpen valeur false à la propriété, ci-dessous est une référence

    http://jqueryui.com/demos/dialog/#option-autoOpen

    Voici un exemple

    $(function() {
    $( "#dialog" ).dialog({
        closeOnEscape: true,
        modal: true,
        position: 'top',
        width: 800,
        height: 600,
        show: "blind",
        hide: "explode",
        autoOpen: false  ///added this line
    });

    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });

});
    • Essayé, Ma boîte de dialogue apparaît toujours en ligne et qu'il n'est pas caché. Merci bien.
    • Salut Steele, Avez-vous une solution à la question de la charge de dialogue est visible ?
    InformationsquelleAutor John Hartsock