jQuery动画（fadeIn）暂停Chrome中的标签更改

Question

我正在使用jQuery制作动画，我发现了一个奇怪的事情：

当标签失去焦点时，动画暂停，报告：

https://bugs.jquery.com/ticket/9381

问题是动画在Chrome中暂停，但在Firefox中暂停。

我使用的是Chrome 55.0.2883.87和Firefox 50.1.0。

这是我的代码：

(function() {
function show_story() {
    if (count < storyline.length) {
        var story_elem = $("#story");
        story_elem.html('<p class="storyline">' + storyline[count] + '</p>');
        var story_item = $(".storyline");
        story_item.fadeIn(1500)
            .delay(time[count])
            .fadeOut(1000, show_story);
        count++;
    }
}

show_story();
})();

我将在应用中添加声音，这就是我担心的原因

我可以做的是在每个if语句后检查tab的焦点，并在tab关注时继续动画。这可以解决上面的问题......好吗？

不过，我还能做什么？