显示没有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

如果你想创建一个模态对话框，你应该写一些类似的东西：

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

Answer 2

所以解决方案是添加：

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