模態不顯示

Question

每當我嘗試在應用程序中觸發模態時，我都會發現相同的情況：我在 ajax .done 中寫入了一個 console.log 行以顯示模態代碼（由后端的回聲發送）並查看控制台（打開 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)

在 undefined 上會導致錯誤。

我建議在打開瀏覽器控制台的情況下調試它，這應該會顯示該錯誤。