Question

我正在使用 Bootstrap4 并且我想显示一个模式窗口。它在许多 PC 和浏览器中都能正常工作，但在某些浏览器（Chrome、Edge、Firefox）中却不能。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true">
<div id="myModal" class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
        <div class="modal-header text-center p-2">
            <h6 id="modalTitle" class="modal-title text-center w-100">Modal title</h6>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body p-2">
            <div class="form-row">
                <div class="input-group input-group-lg col-12 text-center mt-3 mb-3">
                    <span>Modal Body</span>
                </div>
                <div class="input-group input-group-lg col-12 mt-3 mb-3">
                    <a href="javascript:void(0);" id="btnClose" class="btn btn-outline-primary mt-2 ml-auto">
                        <span>Close</span>
                        <i class="fas fa-spinner fa-pulse d-none" ></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

我已经尝试了以下说明来显示或隐藏它：

$("#myModal").modal('show');
$("#myModal").modal('hide');
$("#myModal").modal('toggle');

正如我之前所说，它在我所有的个人电脑浏览器中都能正常工作，但是如果我尝试在我的工作电脑上显示它，或者使用我服务器的某些浏览器，它就不能。

所有浏览器都更新到 ltest 版本。

有人可以帮我吗？

引导模式窗口未显示在 Chrome 上

0 个答案: