Boostrap進度條加載，但然後消失

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); 
    }); 
});