Javascript 引导模式在Safari中未正确启动

我以编程方式启动一个引导模式（与使用data toggle=“modal”启动不同），但它不会显示在Safari中。请注意，我已经研究了关于这方面的其他问题，但它们主要关注数据属性调用

我基本上有一个链接，可以链接到外部页面。这个外部页面需要一些时间来加载，所以我创建了一个模式来用作活动指示器

请注意，setTimeout函数只是为了示例而延迟到外部页面的转换，因为我无法链接到实际页面

问题

在Safari中单击“单击发射模式”链接时，模式不会显示。它确实在其他现代浏览器中显示

HTML

<!-- Loader Modal -->
<div class="modal fade" id="loader-modal" data-keyboard="false" data-backdrop="static"  tabindex="-1" role="dialog" aria-labelledby="loaderlabel">
  <div class="vertical-alignment-helper">
    <div class="modal-dialog modal-sm vertical-align-center">
      <div class="modal-content">
        <div class="modal-header custom">
          <div class="modal-body">
            <div class="loadingSpinner"><div class="spinner-wave"><div></div><div></div><div></div><div></div><div></div></div><span class="text-center"><b>Loading Pallet...</b></span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- /Loader Modal -->

<ul class="list-group">
  <li class="list-group-item">
    <a href="#" class="btn-openOrd">
        <h4 class="pghead">Click to Fire Modal</h4>
    </a>
  </li>
</ul>

JQUERY

$(function() {
    $('.btn-openOrd').on('click', function() {
        var loaderModal = $('#loader-modal');
        loaderModal.find('.modal-body').html('<div class="loadingSpinner"><div class="spinner-wave"><div></div><div></div><div></div><div></div><div></div></div><span class="text-center"><b>Loading Orders & Quotes...</b></span></div>');
        loaderModal.modal('show');
    });
    setTimeout(function() {
            window.location.href = 'https://jquery.com/';
        }, 8000);
});

$（函数（）{
$（'.btn openOrd'）。在（'click'，function（）上{
var loaderModal=$（“#loader modal”）；
loaderModal.find（'.modal body'）.html（'Loading Orders&Quotes…'）；
loaderModal.modal（'show'）；
});
setTimeout（函数（）{
window.location.href=https://jquery.com/';
}, 8000);
});

我做了一把小提琴来看看我在做什么。请注意，这适用于其他现代浏览器，但不适用于Safari

---

1。JSFIDLE的代码与您在此处发布的代码不同。2.在chrome中，它不起作用。3.到底是什么问题？@Dekel，我适当地更新了小提琴。我还更新了上面的问题描述。本质上，在Safari中，当您单击“单击发射模式”按钮时，模式不会显示。它确实在其他浏览器中显示。现在它已经清晰（并且可以正常工作）。哪个版本的safari？我刚在safari中检查过，那里的一切都正常。你确定吗？好的，很有趣。我在Safari9.1和10中测试。当我隔离此代码时，它确实起作用。不幸的是，这段代码与许多其他代码交织在一起，以至于为SO创建一个示例是不可行的。我想我现在知道真正的问题在别处了。谢谢你的帮助，德克尔。JSFIDLE的代码与您在此处发布的代码不同。2.在chrome中，它不起作用。3.到底是什么问题？@Dekel，我适当地更新了小提琴。我还更新了上面的问题描述。本质上，在Safari中，当您单击“单击发射模式”按钮时，模式不会显示。它确实在其他浏览器中显示。现在它已经清晰（并且可以正常工作）。哪个版本的safari？我刚在safari中检查过，那里的一切都正常。你确定吗？好的，很有趣。我在Safari9.1和10中测试。当我隔离此代码时，它确实起作用。不幸的是，这段代码与许多其他代码交织在一起，以至于为SO创建一个示例是不可行的。我想我现在知道真正的问题在别处了。谢谢你的帮助，德克尔。

$(function() {
    $('.btn-openOrd').on('click', function() {
        var loaderModal = $('#loader-modal');
        loaderModal.find('.modal-body').html('<div class="loadingSpinner"><div class="spinner-wave"><div></div><div></div><div></div><div></div><div></div></div><span class="text-center"><b>Loading Orders & Quotes...</b></span></div>');
        loaderModal.modal('show');
    });
    setTimeout(function() {
            window.location.href = 'https://jquery.com/';
        }, 8000);
});