2010-10-20 6 views
7

J'essaie d'utiliser la fonction suivante avec mon API .. Cela fonctionne mais l'arrière-plan ne masque pas. Qu'est-ce qui ne va pas?jQuery Tools Overlay Mask Problème

dialog: function(message) 
    { 
    this.OCache = $('<div class="modal">'+ message+'</div>').appendTo('body').overlay 
    ({top: 0,mask:{color: '#000',loadSpeed:200,opacity:0.5},closeOnClick:true,load:true}); 
    } 

et c'est le css pour la boîte modale

.modal { 
display:none; 
width:400px; 
background-color:#000; 
border:1px solid #fff; 
padding:10px 15px; 
display:none; 
color:#fff; 
text-align:left; 
font-size:12px; 
/* outline radius for mozilla/firefox only */ 
opacity:0.8; 
-moz-box-shadow:0 0 10px #000; 
-webkit-box-shadow:0 0 10px #000; 
} 
+0

s'il vous plaît marquer la bonne réponse @Yakup –

Répondre

11

Vous aurez besoin toolbox.expose.js pour que cela fonctionne.

+0

merci je l'ai réparé et oublie de poster un commentaire. – Yakup

+0

@yakup: accepter la bonne réponse s'il vous plaît – abatishchev

+0

merci, cela m'a sauvé beaucoup de recherche :) Les démos * devraient * indiquer plus clairement où le masque sur les superpositions viennent de :) – Maiiku

3

La superposition ne fonctionnera pas uniquement avec le fichier Ui.Overlay.js. Vous devez également inclure toolbox.expose.js.