Bootstrap模式未在Safari中加载

Question

上下文：我在页面上有一个工作模式以及一些链接。

目标：我想在页面重定向之前单击链接时进行模态显示。

问题：此代码适用于我目前为止测试的所有浏览器（甚至是IE8）， EXCEPT Safari #safariisthenewie。我甚至试图阻止默认，然后使用window.location.href = 'http://something.com'手动重定向。有人帮助我！

// HTML Markup
<a id="test" href="http://something.com">Click Me</a>
<!-- Some bootstrap modal markup here -->

// Javascript Code
$('#test').on('click', function() {
  // this works
  alert('hello');

  // this doesn't work in safari
  $('#loading-modal').modal({
    backdrop: 'static',
    keyboard: false
  });
});

有趣的事实：

• 当我在加载新页面时点击停止按钮
时会显示模态
• 当我向javascript处理程序添加断点时会显示模态，并在触发时继续。

这是一个例子js bin。

P.S。要进行演示工作，您必须单击输出标题中的对角线箭头以在新选项卡中打开演示，否则链接不会重定向。