13 2 | I'm trying to make modals pop up with info about certain places on a map. Here is the code:
And then later:
It works great in Firefox and Chrome, but in IE (10) the background goes grey but the modal does not display. Any ideas? I wonder if maybe data-toggle isn't supported in IE. | ||||||||||||||||
|
19 | IE does not support the "fade" class for modals, by taking out fade i lost the animation, but the modal displays in all 3 browsers now. I found the answer here: https://github.com/twitter/bootstrap/issues/3672 | ||||||||
|
10 | @scalen121 's answer worked for me (the If you want to remove the
Note that the above IE check is not the same as doing the old: | ||||
|
2 | IE so sad. But you can add tag
on after | ||||
|
0 | Here is another solution without modifying initial bootstrap layout and code:
|
0 | You can include transition.js file instead of removing the fade class. This works fine for me with fade effect in IE10 |
Bootstrap Modal not working in IE
Here is my webpage: http://flevy.com/fiaccabrino-selection-process You can scroll to the bottom and click the "View Full Testimonial" buttons to test the modal. Once you click it, the screen grays out, but no modal pops up. I tried to research this issue and found a solution recommending to remove the
Versions we are using: Bootstrap CSS: v2.0.0 bootstrap-modal.js: v2.0.4 jQuery: 1.7.1 Please let me know if you need more info. | |
0 | I had the same issue, the proposed solution of removing the '.fade' class did not worked. In my case the bootstrap.min.js wasn't bundled thus the modal function wasn't recognized. After bundling the file all worked well.
|