2013-11-27 44 views
0

我有以下JavaScript代码。它做的一切都很好,除了我添加css类'进度条'和'主动'的部分。它不显示活动的条形进度条。在javascript中添加引导程序进度栏类

我在这里做错了什么?

<script type = 'text/javascript'> 

    $(document).ready(function(){ 

      window.percent = 0; 

      window.progressInterval = window.setInterval(function() { 

        var $bar = $('.progress'); 

        if(window.percent < 100) { 
          window.percent = (window.percent + 2); 
          $bar.addClass('progress-striped').addClass('active'); 
          $bar.width(window.percent+'%'); 
          $bar.text(window.percent+'%'); 

        } else if(window.percent == 100) { 
          window.clearInterval(window.progressInterval); 
          jQuery('.progress').removeClass('active'); 
          $bar.text('Done!'); 
        } 
      }, 100); 

    }); 

回答

0
jQuery('.progress') 

不应该认为是

$('.progress') 

我认为这可能是问题,否则增加一个小提琴

+0

我改变它,但这是在否则,如果部分代码。这只是使酒吧条纹和主动,不工作。 – Beeelze

+0

好吧,似乎我在开始时使用了错误的类。 var $ bar = $('progress');更改为var $ bar = $('progress-bar'); – Beeelze