Twitter bootstrap contexte modal ne fonctionne pas dans IE

J'ai un modal que j'inclus via jQuery tels que:Twitter bootstrap contexte modal ne fonctionne pas dans IE

var vCheckModal = 
    "<div id='myModal' class='custom-modal modal hide fade'>" 
     + "<div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button></div>" 
     + "<div class='modal-body'><p>Please Upgrade</p></div>" 
     + "<div class='modal-footer'><button class='btn' data-dismiss='modal'>Close</button></div>" 
    + "</div>";

Il se déclenche à sur un contrôle du navigateur:

if (BrowserDetect.browser == "Explorer"){ //If browser is IE 
     if (BrowserDetect.version < 10){ //purely for testing 
      console.log("less than 10"); 
      $('body').append(vCheckModal); 
      $('#myModal').modal({ 
       backdrop: true, 
       backdrop: 'static', 
       show: true 
      }) 
     } 
    }

fonctionne très bien quand J'ai changé le modal pour apparaître dans Firefox et chrome. Mais dans IE 8,9,10 je ne vois pas l'arrière-plan grisé. Pourtant, si je visite le site de démonstration de bootstrap sur Twitter, je peux voir le fond grisé du modal. Bien que je pense que cela est initialisé différemment. Quelqu'un peut-il me diriger dans la bonne direction pour expliquer pourquoi cela se produit?

Boostrap v: 2.3.2

Actuellement en utilisant this detection script

Source

2013-09-05 Doidgey

Pourriez-vous spécifier la version de IE et Bootstrap? Aussi quel outil de détection de navigateur utilisez-vous? – Pavlo

Mis à jour la question avec plus d'info – Doidgey

@ Mat-visual Je suppose que cela pourrait être le problème "DOC-TYPE". Donc ajoutez ceci '' – Praveen

Tout en faisant un jsFiddle, je trace le problème dans le fichier CSS bootstrap j'utilisais. Je ne sais pas comment mais il manquait des CSS. J'ai changé pour la version correcte, et ça fonctionne maintenant bien dans IE.

Source

2013-09-06 08:46:57 Doidgey

Acceptez le répondez alors. – Pavlo

Twitter bootstrap contexte modal ne fonctionne pas dans IE

Répondre

Questions connexes