如果百分比达到100，将类添加到div

Question

我试图"addClass“一旦进度栏达到100%，但这是行不通的。有什么想法吗？谢谢!

小提琴：http://jsfiddle.net/8cjq2e2c/

$("#progress-plus").on('click', function () {
            $(".progress-bar").css("width", 100 * parseFloat($(".progress-bar").css('width')) / parseFloat($(".progress-bar").parent().css('width')) + 10 + '%');
            if ($(".progress-bar").width() >= 100) {
                $(".progress-bar").addClass("progress-bar-success");
            }
            else {
                $(".progress-bar").removeClass("progress-bar-success");
            };
        });

Answer 1

$("#progress-plus").on('click', function () {
            var targetWidth = parseFloat($(".progress-bar").css('width'));
            var parentWidth = parseFloat($(".progress-bar").parent().css('width'));
            $(".progress-bar").css("width", 
                ((100 * targetWidth  / parentWidth) + 10) + '%');
            if ( targetWidth / parentWidth >=1 ) {
                $(".progress-bar").addClass("progress-bar-success");
            }
            else {
                $(".progress-bar").removeClass("progress-bar-success");
            };
        });

这应能澄清这一问题。

问题是，运算符的语法在您的代码中是不明确的，它同时添加了值10和字符串'%'，这可以创建超过100% (确切地说是9010% )的值，用于度量元素的宽度是否超过100 of。

您希望使用10%的简单增量来针对其父对象度量目标。