JQuery Outils Modal Overlay - brisé IE8

J'ai une jalousie de jQuery Tools Modal sur mon site, et cela fonctionne parfaitement bien dans Chrome et Firefox ... cependant, quand je regarde la page dans IE8, le masque de fond noir apparaît en plus de la boîte de dialogue DIV ... en plus, la div apparaît au bas de la page où le code réel est centré sur l'écran. En outre, je reçois également une de ces erreurs "Error on Line 1 Char 6" ", et je n'arrive pas à déboguer ce mauvais garçon.J'obtiens une erreur similaire dans Chrome" Uncaught SyntaxError: inattendu jeton) » mais il ne gêne pas le modal. Je sens son sans rapport, mais avec IE, on ne sait jamais.JQuery Outils Modal Overlay - brisé IE8

Toute aide serait grandement appréciée si !!

JS fichier

var api; 

showDiv('partmodal'); 

function showDiv(v){ 

    if (!document.getElementById(v)) return; 

    if (api) 
     if (api.isOpened) api.close(); 

    api=$('#'+v).overlay({ 
     mask: {color: '#000000'}, 
     effect:'drop', 
     api: true 
    }).load(); 

}

DIV OBJET

<div class="modalpart" id="partmodal"> 
    <h2> 
     Title <!--It doesn't matter what you put here--> 
    </h2>                     
    <!--It doesn't matter what you put here--> 
</div>

CSS

.modalPart { 
    background-color:#fff; 
    display:none; 
    width:550px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #600; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
    position:fixed; 
    _position:absolute; 
} 

.modalpart h2 { 
    background:url(images/logoac.png) no-repeat; 
    margin:0px; 
    padding:10px 0 10px 110px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
    color:#600; 
    font-family:calibri, hevetica, tahoma, arial; 
    text-align:right; 
}

Source

2010-06-25 Dutchie432

ACK! Ajouter ce qui suit corrigé le problème

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Je dois arrêter déterminer ma propre question 20 heures après avoir commencé le débogage, mais 30 secondes après que je poste à l'aide.

J'espère que cela aidera aussi quelqu'un d'autre.

Source

2010-06-25 14:28:28 Dutchie432

Cette situation est commune ... demander aux forces de question que vous revivez les détails du scénario. En faisant cela, il est facile de trouver un diagnostic. – Webnet

j'avais pétantes le même problème et je l'ai résolu en ajoutant cette ligne:

<!doctype html>

Source

2012-03-01 16:14:21 marco

Je ne sais pas pourquoi vous répondriez à cette question déjà posée il y a plus d'un an avec la même réponse. Merci quand même. – Dutchie432

désolé mon anglais est très mauvais, j'ai même problème dans IE8, et utiliser compability Whit IE8 pas IE7, c'est travail Whit IE7, 8, 9

#mask-modal{ 
position:absolute; 
z-index:9000; 
background-color:#fff; 
display:none;}

div id="#mask-modal"

 if (jQuery.browser.msie == true && jQuery.browser.version == 8) { 
      /* Carga el overlay confirmar */ 
      jQuery("#modalconfirmar .modalInput").overlay({ 
       // Calcula el centro de la ventana 
       top : ((jQuery(parent.document).height()/2) - (jQuery("#modalconfirmar").innerHeight() + 180)), 
       closeOnClick: false, 
       onBeforeLoad: function(){ 
        // @TODO cargar mask custom 

        //Get the screen height and width 
        var maskHeight = $(document).height(); 
        var maskWidth = $(window).width(); 

        //Set height and width to mask to fill up the whole screen 
        $('#mask-modal').css({ 
         'width':maskWidth, 
         'height':maskHeight 
        }); 

        $('#mask-modal').fadeTo(500,0.6); 
        // Load page into iframe 
        jQuery(document.body).css('overflow', 'hidden'); 
       }, 
       onLoad : function(){ 
        jQuery("#modalconfirmar").css('z-index', jQuery("#mask-modal").css('z-index') + 10); 
       }, 
       onClose : function(){ 
        jQuery("#modalconfirmar .si").off(); 
        $('#mask-modal').fadeOut(400); 
       } 
      });}

Source

2013-01-25 17:49:05 nesX

Juste pour clarifier, dites-vous que cela fonctionne pour vous? C'est difficile à dire à partir de votre première phrase. Si cela fonctionne, veuillez mettre à jour. Si cela ne fonctionne que pour IE8, veuillez également mettre à jour. –

travail whit ie7, 8, 9, ie6 pas de test, mais j'ai compabilité whit ie8 pas ie7 alors '' ne fonctionne pas pour moi, et utiliser pour ie compatible '' – nesX

Ah, ok, beaucoup mieux. Merci pour la clarification! –

JQuery Outils Modal Overlay - brisé IE8

Répondre

Questions connexes