问Twitter Bootstrap 4模式框无法在Chrome中显示

EN

<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>

/* 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');
});