Comment éviter la disposition d'une boîte de dialogue modale jQuery

Question

i une telle fonction lorsqu'il est appelé une boîte de dialogue est créé, après la fermeture du dialogue et clique sur le bouton à nouveau, le dialogue n'a pas showup

$("#Button").click(function() { 
       $.ui.dialog.defaults.bgiframe = true; 
           $("#box").dialog({ 
            modal: true, 
            draggable: true, 
            width: 600 
           }); 
           }); 

Qu'est-ce qui ne va pas ici?

Answer 1

Utilisez quelque chose comme ceci:

$(document).ready (function() { 
    $.ui.dialog.defaults.bgiframe = true; 
    $("#box").dialog ({ 
     modal: true, 
     autoOpen: false, 
     draggable: true, 
     width: 600 
    }); 

    $('#Button').click (function() { 
     $('#box').dialog ('open'); 
    }); 
}); 

Le hic est que vous ne la boîte de dialogue d'initialisation une fois, puis appelez .dialog (« ouvert »), quand vous voulez vraiment ouvrir la boîte de dialogue