Question

每当我尝试在我的应用程序中触发模态时，我都会发现相同的情况：我在ajax .done中写了一个console.log行来显示模态代码（由后端的echo发送）并查看控制台（打开chrome dev工具），模态代码似乎是正确的。另一个奇怪的事实是，当我点击模态按钮时，我无法点击网页上的任何其他内容。

下面，您可以查看我的模态代码以及为触发它而开发的结构。

<div id=“modal-data-ideas” class=“modal fade” role=“dialog”>
<div class=“modal-content”>
    <div class=“modal-header”>
        <button type=“button” class=“close” data-dismiss=“modal”>&times;</button>
        <h4 class=“modal-title”><h3></h3></h4>
    </div>
</div>

function ideasTable() {
…
$.ajax({
    …
}
}).done(function(data) {
    console.log(data);
    $(‘#modalIdeas’).html(data);
    $(‘#modal-data-ideas’).modal(‘show’);
}).fail(function() {
    alert(‘fail’);
});

}

Ajax总是返回完成，但模态。（＆＃39; show＆＃39;）似乎什么都不做。

我已经包含了模态类。

Answer 1

它看起来像id＆＃34; modalIdeas＆＃34;未定义。如果是这种情况，那jQuery将返回undefined然后调用

.html(data)

on undefined将导致错误。

我建议在打开浏览器控制台的情况下调试它，这应该会显示错误。

模态未显示

1 个答案: