0

所以我使用 ProgressBar JQuery 插件 ( http://t.wits.sg/misc/jQueryProgressBar/demo.php ) 来创建一些静态进度条。

我想要实现的是从这个标记：

<span class="progress-bar">10 / 100</span>

生成一个最大值为 100，当前值为 10 的进度条。我使用 html() 方法获取 span 的内容，然后 split() 获取两个数字：

$(document).ready(function() {
    $(".progress-bar").progressBar($(this).html().split(' / ')[0], {
        max: $(this).html().split(' / ')[1],
        textFormat: 'fraction'
    });
});

没用，有什么建议吗？

我很确定问题出在 $(this).html().split(' / ')[0] 和 $(this).html().split(' / ')[1] 上，是不是正确的语法？

4

2 回答 2

1

怎么样：

$(document).ready(function() {
    var pb = $(".progress-bar")[0].innerHTML.split(" / ");

    $(".progress-bar").progressBar(pb[0], {
        max: pb[1],
        textFormat: 'fraction'
    });
});

我假设您在页面上只有一个进度条。如果是这种情况，这应该可以工作，否则，尝试一下，看看这是否可以根据第一个进度条的值实际制作进度条，然后我们可以从那里开始工作

于 2009-07-16T15:57:03.037 回答
1

尝试这个：

$(document).ready(function() {
    $(".progress-bar").each(function(){
        values = $(this).html().split(' / ');
        $(this).progressBar(values[0], {
        max: values[1],
        textFormat: 'fraction'
        })
    });
});

使用变量进行拆分没有任何问题。它实际上为您节省了一个电话。

于 2009-07-16T15:58:15.750 回答