Twitter Bootstrap 4 模态框不会显示在 Chrome 中

Question

最近发现了一些奇怪的活动：我有一个Bootstrap 3模式框，它通过数据属性激活。这是我的HTML:

<li data-toggle="modal" data-target="#modalImage" class="quickview" data-img-src="<IMG SRC by Laravel Blade>">
<img src="<IMG SRC by Laravel Blade>" alt="<IMG ALT by Laravel Blade>">
</li>

模态框本身：

<!--modal-image-->
<div class="modal fade" id="modalImage" tabindex="-1" role="dialog" aria-labelledby="modalImage" role="dialog"
aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content" style="background-color:rgba(255,255,255,.8)!important">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" ><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body text-center">
<img class="modal_image" src="" />
</div>
</div>
</div>
</div>

这是我的JavaScript(我使用它是因为这个模态用于在点击时打开更大的图像，并且图像在图像库(bxSlider(中(：

/* Open Modal box for larger image; */
$(".quickview").on("click", function() {
var $this = $(this);
var imgSrc = $this.data("img-src");
$(".modal-body > img.modal_image").attr("src", imgSrc);
$('#modalImage').modal('show');
});

问题(和奇怪的是(是，它适用于我测试过的每一款浏览器，但Chrome除外。它甚至适用于IE和Edge(基于Chromium(。在Chrome中，什么都没发生，控制台没有错误消息，什么都没有。

有什么想法吗？

附言：是的，我的JS是用$(document).ready包装的，所以它只在页面加载时执行

Answer 1

这似乎是Chrominium上使用最新版本的最新铬分解模式显示。我也有同样的问题。