模态未显示

Question

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

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

<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 总是返回 done，但 modal.('show') 似乎什么都不做。

我已经包含了模态类。

Answer 1

id 为“modalIdeas”的元素似乎未定义。如果是这种情况，jQuery 将返回 undefined 然后调用

.html(data)

on undefined 会导致错误。

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