2015-10-16 1 views
0

Bootstrap modal ne semble pas fonctionner à la fois dans IE10 et IE11.Bootstrap Modal ne fonctionne pas dans IE

Voici ma page Web:

http://flevy.com/fiaccabrino-selection-process

Vous pouvez faire défiler vers le bas et cliquez sur les boutons « View Full Témoignage » pour tester le modal. Une fois que vous cliquez dessus, l'écran devient gris, mais aucun modal n'apparaît.

J'ai essayé de rechercher ce problème et trouvé une solution recommandant de supprimer la classe .fade, mais cela n'a pas fonctionné pour moi. Vous pouvez voir ce code mis en œuvre sur la page:

$(document).ready(function(){ 
    // fix for bootstrap modal in IE9+ 
    if($.browser.msie) { 
     // if($.browser.version > 9) 
     $('.modal').removeClass('fade'); 
    } 
}); 

versions que nous utilisons:

Bootstrap CSS: v2.0.0

bootstrap-modal.js: v2.0.4

jQuery: 1.7.1

S'il vous plaît laissez-moi savoir si vous avez besoin de plus d'informations.

+0

Pourquoi ne pas simplement passer à bootstrap 3.x et peut-être aussi mettre à jour jQuery, par exemple 1.9.1? Je ne pense pas '.fade' résout vraiment les problèmes avec IE et bootstrap 2.0, il y avait simplement quelques bugs. – davidkonrad

+0

[this] (http://stackoverflow.com/questions/16329980/modal-not-opening-in-ie) et [Les fenêtres modales ne s'affichent pas sur Win8 RP & IE10 # 3672] (https://github.com/twbs/bootstrap/issues/3672) peut vous aider –

+0

re: @davidkonrad Nous avons essayé de mettre à niveau vers Bootstrap 3.x précédemment et tout semblait différent, donc c'est un effort de refonte que nous voulions éviter pour le moment. – user1296175

Répondre

0

J'ai eu le même problème, la solution proposée de suppression de la classe '.fade' n'a pas fonctionné. Dans mon cas, le bootstrap.min.js n'était pas groupé, donc la fonction modale n'était pas reconnue. Après avoir regroupé le fichier, tout a bien fonctionné.