顯示不帶bootstrap.js的模態（僅jquery）

Question

我正在嘗試模擬該功能：

$('#myModal').modal('show');

沒有Boostrap.js但只有jQuery 。

我試過了：

$('body').addClass('modal-open');
$('#myModal').addClass('in');
$('#myModal').css('display', 'block');
$('#myModal').attr('aria-hidden', 'false');

但頁面背景並未消失。

我忘記了什么？

Answer 1

因此解決方案是添加：

$('body').append('<div class="modal-backdrop fade in"></div>');

Answer 2

如果您要創建模式對話框，則應編寫如下內容：

$(function() {
    $( "#myModal" ).dialog({
  modal: true
});