Question

我是building a site使用Twitter Bootstrap，在几页上我有一个加载进度条，但随后它就消失了。我想加载并留下来。

Here's the website以及我所指的页面。进度条位于右侧。

custom.js中的JavaScript代码如下：

/* ------------------ Progress Bar ------------------- */   
$(function() {
    $(".meter > span").each(function() {
        $(this)
        .data("origWidth", $(this).width())
        .width(0)
        .animate({
            width: $(this).data("origWidth")
        }, 1200);
    });
});

Answer 1

问题是在播放动画后，您没有将原始宽度设置回来，因此它只显示修改为0宽度的条形。

将custom.js文件中的进度条部分更改为：

$(function() {
    $(".meter > span").each(function() {
        var width = $(this).width();
        $(this)
            .width(0)
            .animate({
                width: width
            }, 1200)
            .width(width);
    });
});

Bootstrap进度条加载但随后消失

1 个答案: