0

我正在使用 jQuery ProcessBar [自定义标签版本]。我正在制作它,所以我可以检查里面的值。我关心栏的百分比和显示的文本。我可以从函数内部更改这些值。注意“进度(15);” 和 "progressLabel.text("text");"

我想从我的身体里改变这些。我怎样才能做到这一点?

我对代码也有点困惑,因为本来这是一个完整的功能。这意味着他们建造它是为了炫耀。因此,当您运行页面时,它会自动从 0% 变为 100% 并完成。我的目标是控制它。

$(function() 
{
    var progressbar = $( "#progressbar" ),
    progressLabel = $( ".progress-label" );

    progressbar.progressbar(
    {
        value: false,
        change: function() 
        {
            progressLabel.text( progressbar.progressbar( "value" ) );
        },
        complete: function() 
        {
            progressLabel.text( "Complete!" );
        }
    });

    function progress(val) 
    {
        progressbar.progressbar( "value", val );

        if ( val < 99 ) 
        {    
            setTimeout( progress, 100 );
        }
    }

    progress(15);
    progress(20);
    progress(99);
    progressLabel.text("text");
    setTimeout( progress, 3 );
});

现在我正在尝试:

$('#progressbar').progressLabel.text('text');

值得一提的是,我对 jQuery 很陌生。

4

1 回答 1

1

你很接近。但是,您要做的是将参数传递给进度函数,但它不使用任何参数。修改函数如下所示:

function progress (newValue) {
    progressbar.progressbar("value", newValue);
}

然后你输入任意值,如下所示:

progress(15);
progress(20);
progress(90);
// Change the label
progressLabel.text("text");
progress(99);
// Progress label will automatically change to "Complete!"
progress(100);

这些将立即运行,因此您需要逐行注释它们并重新加载页面以查看差异。

我还删除了两个 setTimeout 调用,因为第一个用于演示目的,而你只是启动了演示功能。

于 2013-07-25T00:50:38.763 回答