Question

我在IE中遇到了bootstrap模式弹出窗口的问题。我有一个模态弹出窗口，在chrome和firefox中没有任何问题但在IE中没有任何问题。实际上，模态似乎渲染但不绘制;如果我点击模态应该在的空间，它的一部分将显示。我按照这个答案Modal not opening in IE删除了'淡入淡出'类，但这并没有解决我的问题。

页面上实际上有几个模态，所有问题都是一样的。一个例子如下：单击订单详细信息按钮，ajax调用将获得一个部分视图，该视图将附加到product-order-history-modal。

<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

尤里卡！

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

我过去曾遇到类似的问题，但模式根本没有渲染......所以假设它在这种情况下根本没有绘制是一个不同的问题.... 我们都知道我们在做什么＆＃34;假设＆＃34;！

有几个小时我永远不会回来但是学到了宝贵的一课。感谢@Sampson和@Shehary的建议

Bootstrap模式不在IE中绘图

1 个答案: