Question

我有以下javascript代码。除了我添加css类'progress-striped'和'active'的部分之外，它做的一切都很完美。它不显示活动的条带进度条。

我在这里做错了什么？

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

    });

Answer 1

jQuery('.progress')

不应该

$('.progress')

我认为这可能是问题，否则添加小提琴

在javascript中添加bootstrap进度条类

1 个答案: