我所有的模态表单都运行良好。但是这里有一个我从Bootstrap 4移植到Bootstrap 5的表单，它不能关闭。Close按钮（弹出窗口顶部的X）不能关闭模态表单。Cancel按钮也不能关闭模态表单。我将data-dismiss更新为data-bs-dismiss。我不知道还遗漏了什么。没有JavaScript错误。第一个有人能告诉我我错过了什么吗？
data-dismiss
data-bs-dismiss
cnwbcb6i1#
我看起来你没有初始化模态。从模态中删除display: block并正确地“显示”它，如下所示：第一个
display: block
xfyts7mz2#
看来我找到问题了。在Bootstrap 4下，我将显示如下模态：
$modal.modal();
这在Bootstrap 5下不起任何作用，因此我将其更改为：
$modal.show();
这是可行的，但我猜它不再使用Bootstrap模态逻辑。它只是使表单可见。无论哪种方式，它都阻止了正常的dislose逻辑工作。正确的语法为：
$modal.modal('show');
mcvgt66p3#
您可以尝试为.btn-close添加一个函数。第一个
.btn-close
3条答案
按热度按时间cnwbcb6i1#
我看起来你没有初始化模态。从模态中删除
display: block并正确地“显示”它，如下所示：第一个
xfyts7mz2#
看来我找到问题了。
在Bootstrap 4下，我将显示如下模态：
这在Bootstrap 5下不起任何作用，因此我将其更改为：
这是可行的，但我猜它不再使用Bootstrap模态逻辑。它只是使表单可见。无论哪种方式，它都阻止了正常的dislose逻辑工作。
正确的语法为：
mcvgt66p3#
您可以尝试为
.btn-close添加一个函数。第一个