Question

我希望你能帮助我。目前我有这个progressBar，它只是在点击时使用预定义值，以显示div中的百分比过程。

按钮：

<a class="pbar" data-value="5" href="javascript:void(0)"></a>

这里是js代码到目前为止：

<script type="text/javascript">

progressBar(0, $('#progressBar'));

$('.pbar').click( function () {
    progressBar($(this).attr('data-value'), $('#progressBar'));

});


</script>

我现在想要的是，每次点击按钮“.pbar”时，数据值将加5。所以我点击按钮一次，条形显示5％，我再次点击，它显示10％，再次显示15％，依此类推。

非常感谢您的帮助。谢谢。迷宫

Answer 1

$counter = 5;

$('.pbar').click( function () {
    $counter = $counter+5;
    progressBar($counter, $('#progressBar'));

});

Answer 2

试试这个，希望它可以帮到你

$counter = $('.pbar').val();

$('.pbar').click( function () {
 $counter = $counter+5;
 progressBar($counter, $('#progressBar'));

});

Answer 3

progressBar(0, $('#progressBar'));

    $('.pbar').click( function () {
    var currentVal = parseInt($(this).attr('data-value'));
    if (currentVal <= 100)
    {
        currentVal = currentVal + 5;
        progressBar(currentVal, $('#progressBar'));
        $(this).attr('data-value', currentVal);
    }
});

jquery在点击时添加值

3 个答案: