javascript 样式表重新加载延迟影响 DOM？

Question

function switchTemplate(stylePath){
    var ns = $('<link>', {
            href: stylePath,
            id: 'themeStyle',
            type: 'text/css', 
            rel: 'stylesheet'
        });
    $('#themeStyle').replaceWith(ns);
    resetPops();
    positionElements();
    $('#video-overlay').show();
}

样式表加载正确，并在短暂延迟后显示，但 positionElements 函数(使用 offset() 将 #video-overlay 定位在视频元素上)未正确触发。我猜它还没有新的 DOM 位置？

我有 positionElements();也与窗口调整大小相关，当我在切换样式表后立即调用它时，一切都在正确的位置。

我想我可以建立一个计时器延迟，但这似乎不是特别可靠。有没有其他事件我可以将 positionElements() 函数绑定(bind)到以确保它是最新的？

Answer 1

这个 SO 问题的答案显示了如何确定样式表是否已完全加载 (SO Question)。从那里您可以移动任何需要在加载到此自定义事件后发生的功能。