Bootstrap 模态无法在 IE 中绘制

Question

我在 IE 中遇到 bootstrap 模态弹出窗口问题。我有一个模态弹出窗口，可以在 chrome 和 firefox 中正常呈现，但在 IE 中不会。实际上，模态看起来是渲染但不绘制；如果我点击模式应该在的 space ，它的一部分将显示。我按照这个答案 Modal not opening in IE 删除了 'fade' class 但这并没有解决我的问题。

页面上实际上有几个模态框，所有模态框都是同一个问题。一个例子如下：单击订单详细信息按钮后，ajax 调用会获取附加到产品订单历史模式的部分视图。

<input id="order-details-button" type="submit" value="View Details"/>
    <div id="product-order-history-modal-container" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-content opmodal-content" id="product-order-history-modal">
        </div>
    </div>

这是附加返回数据的 jquery：

// populate div with partial view
$("#product-order-history-modal").empty();
$("#product-order-history-modal").append(data);

// send confirmation popup    
orderDetailsButton.attr('data-target', '#product-order-history-modal-container');
orderDetailsButton.attr('data-toggle', 'modal');

// prevent background being clicked when modal is visible
$('#product-order-history-modal-container').modal({ backdrop: 'static', keyboard: false });

有没有人遇到过类似的事情？非常感谢任何帮助或建议。

谢谢

Answer 1

尤里卡！

所以问题是模态来自嵌套的局部视图。一旦我将模态容器（上面显示的代码）移到我的主视图中，模态加载就没有任何问题。

我过去也遇到过类似的问题，但模态根本没有呈现....所以假设在这种情况下它根本没有绘制是一个不同的问题...... 我们都知道 "Assume"!

时我们在做什么

有几个小时我再也回不来了，但学到了宝贵的一课。感谢@Sampson 和@Shehary

的建议

Bootstrap 模态无法在 IE 中绘制

Bootstrap modal not drawing in IE

jquery

modal-dialog

bootstrap-modal

internet-explorer-11