2010-06-15 4 views
-2

J'ai besoin d'une boîte de dialogue modale pour ouvrir un éditeur minuscule de MCE et d'autres éléments jQuerified. J'ai suivi le site jquery mais ce n'est pas modal, je peux encore changer et accéder au reste de la page.La boîte de dialogue jQueryUI ne va pas modale

$('#sureDelete').dialog({ 
        modal: true, 
        buttons: { 
         "Yes": function(){ 
          $('li#'+$id).remove(); 
         }, 
         "No":function(){ 
         } 
        }, 
        draggable: false 
     }); 
<div id="dialogs"> 

<div id="sureDelete">Are you sure you want to delete this page?</div> </div> Aussi je n'ont pas de style ajouté à la boîte de dialogue. Cela peut-il être un problème?

+0

@Theopile est que '' dialog' code à l'intérieur $ (document) .ready (function() {...}); '? –

+0

http://jqueryui.com/demos/dialog/#modal-confirmation est-ce que cela fonctionne dans votre navigateur? – Reigel

+0

Doug- son à l'intérieur d'un $ (function() {}); Reigel-oui que les travaux modaux im utilisant chrome – Theopile

Répondre

2

Vous devez vous assurer d'inclure le fichier css de base jQueryUI.
i.e. .:

<link rel="stylesheet" href="*jQueryUIDir*/css/*themeDir*/jquery-ui-*version*.custom.css" type="text/css" /> 
+0

Droit Réponse qui a définitivement fait fonctionner. Merci – Theopile

+0

vraiment? ... comment se fait-il dans cette démo sans le css, tout fonctionne toujours? http://jsfiddle.net/M6HHV/ – Reigel

+0

Pas sûr. Pourrait-il utiliser le css de jquery ui core? – Theopile