javascript - Modal 出现在 Chrome/Firefox 上，但没有出现在 safari 上？

Question

我有一个标记为“shoe_tag”的“a”标签，链接到一个网址，下面是以下 js 代码:

$(".shoe_tag").on('click', function() {

    tpos = $(window).scrollTop() + 300;
    myModal.open();
    $(".scotch-modal").css({top:tpos, position:'absolute'});


});

此代码允许我在服务器响应时打开模式，这通常需要大约 4 秒。在 Chrome 和 Firefox 上，模式将在浏览器等待服务器响应时打开，但在 Safari 上不会打开模式。但是，如果我在末尾放置调试器语句，然后在 Web 控制台中调用“myModal.open()”，则模式将会出现。除非我在控制台中调用它，否则 Safari 几乎会跳过此代码。我已经研究基于 Safari 的东西一个多星期了，但我很困惑，有什么想法吗？

Answer 1

我认为这是浏览器渲染管道的问题，请尝试在短时间内显示模态:

$(".shoe_tag").on('click', function() {

    var tpos = $(window).scrollTop() + 300;
    $(".scotch-modal").css({top:tpos, position:'absolute'});
    setTimeout(function(){myModal.open();}, 100);

});

计时器多次救了我的命;-)