Question


function preloader() {
    console.log('here')
    if ($('#preloader').length) {
        setTimeout(function() {
            $('#preloader').fadeOut('slow', function() {
                $('body').removeClass('overflow-hidden').css('padding', '');
            });
        }, 100);
    }

}

$(window).on('load', preloader);

当在浏览器中的新选项卡上打开页面或刷新页面后，此功能有效，但是，在按照通常的链接或单击后退按钮后加载页面时，此功能无效。

here仅在刷新后显示在控制台中

Answer 1

好吧，事实证明这是特定于Ruby on Rails的宝石turbolink，它可以更改正文内容，而无需在后台重新加载页面。

它会发出特殊事件，您可以在其上跟踪重新加载的页面：

document.addEventListener("turbolinks:load", function() {
...
})

$（window）.on（'load'，function（）{...}`在链接跟随或后退单击上不起作用

1 个答案: