jquery - 重新加载 CSS 仅适用于鼠标悬停在窗口上

Question

这是我遇到的一件相当奇怪的事情。我有一个简单的脚本来使用 jquery 重新加载所有 CSS 文件。为了进行测试，我在页面加载 4 秒后执行它。

setTimeout(function() {
    var newStr = '?v=' + Math.random(0,10000);
    $('link[rel="stylesheet"]').each(function () {
        this.href = this.href.replace(/\?.*|$/, newStr);
    });
}, 4000);

这有效，但前提是我的鼠标在屏幕上。如果我在 4 秒内重新加载页面并编辑 CSS 文件，并等待更改显示出来，直到我将鼠标移到窗口中它们才会显示。我还尝试添加一个 alert()，它显示警报并按预期显示 CSS 更改，但是由于显而易见的原因，我不想在重新加载 CSS 时显示警报。

有谁知道如何强制窗口认为它处于事件状态，以便 CSS 重新加载而无需将鼠标悬停在窗口上？提前致谢。

Answer 1

好的，我找到了方法。

$('body').hide();
$('body').get(0).offsetHeight;
$('body').show();

感谢this article关于强制重绘。