Question

我找到了一个有趣的网站nodBB，我感兴趣的是页面顶部的进度条。我想知道如何使用javascript来实现此栏以表示视图的加载状态。

是图书馆吗？感谢。

Answer 1

我深入研究了源代码，发现了这一点。所以现在答案很清楚。

(function() {
    var e = app.refreshTitle, t = $(".loading-bar");
    $(window).on("action:ajaxify.start", function(e) {
        t.fadeIn(0).removeClass("reset")
    });
    $(window).on("action:ajaxify.loadingTemplates", function() {
        t.css("width", "90%")
    });
    app.refreshTitle = function(i) {
        t.css("width", "100%");
        setTimeout(function() {
            t.fadeOut(250);
            setTimeout(function() {
                t.addClass("reset").css("width", "0%")
            }, 250)
        }, 750);
        return e(i)
    }
})()

nodeBB上的进度条实现

1 个答案: