jquery - 如果低于 0.50%，则将其设置为 1%

Question

DEMO is HERE

如果维生素含量低于 0.50%，用户就看不到... 需要更改为 1%

在演示中你会看到这个错误

var summary_count = 0;
$('.vitamins .vitamin .count').each(function(){
    summary_count += parseFloat($(this).text());
});

$('.vitamins .vitamin').each(function() {
    var this_count_raw = parseFloat($(this).find('.count').text());
    var this_count = parseFloat(this_count_raw / summary_count * 100);
    $('<span></span>').appendTo($(this)).css('width', '0').wrap('<div class="vitamin_amount"></div>');
    $(this).find('.vitamin_amount span').animate({width: + this_count + '%'}, 2000);
});

感谢您的帮助)

Answer 1

您可以使用Math.max:

width: Math.max(this_count, 0.5) + '%'

演示:http://jsfiddle.net/L5GmR/2/

将任何小于 0.5 的值更改为 1.0 都会使 0.1 显示为大于 0.7，这可能不是您想要的。

这也会导致无法显示 0，因此您可能需要执行以下操作:

width: (this_count < 0.2 ? 0 : Math.max(this_count, 0.5)) + '%'