jQuery ui progressbar使用每个
所以基本上我使用的是jQuery ui prgoressbar,我想打印所有的值。代码如下:jQuery ui progressbar使用每个,jquery,jquery-ui,Jquery,Jquery Ui,所以基本上我使用的是jQuery ui prgoressbar,我想打印所有的值。代码如下: $(function() { var a = $('.progressbar.item1').progressbar({value: 37}); var b = $('.progressbar.item2').progressbar({value: 55}); var c = $('.progressbar.item3').progressbar
$(function() {
var a = $('.progressbar.item1').progressbar({value: 37});
var b = $('.progressbar.item2').progressbar({value: 55});
var c = $('.progressbar.item3').progressbar({value: 99});
...
var x = $('.progressbar.itemx').progressbar({value: 29});
$(a).find('.ui-progressbar-value').append('<span>' + a.progressbar('option','value') + '%</span>');
$(b).find('.ui-progressbar-value').append('<span>' + b.progressbar('option','value') + '%</span>');
$(c).find('.ui-progressbar-value').append('<span>' + c.progressbar('option','value') + '%</span>');
...
$(x).find('.ui-progressbar-value').append('<span>' + x.progressbar('option','value') + '%</span>');
});
$(函数(){
var a=$('.progressbar.item1').progressbar({value:37});
var b=$('.progressbar.item2').progressbar({value:55});
var c=$('.progressbar.item3').progressbar({value:99});
...
var x=$('.progressbar.itemx').progressbar({value:29});
$(a).find('.ui progressbar value').append('+a.progressbar('option','value'))+'%');
$(b).find('.ui progressbar value').append('+b.progressbar('option','value'))+'%');
$(c).find('.ui progressbar value').append('+c.progressbar('option','value'))+'%');
...
$(x).find('.ui progressbar value').append('+x.progressbar('option','value'))+'%');
});
我怎样才能像使用“for”of“each”一样使它变短?谢谢。尝试构建一个充满进度条的对象:
$(function() {
var classes_values = {
'.item1' : 37,
'.item2' : 55,
'.item3' : 99,
'.itemx' : 29
};
var progress_bars = {};
$.each(classes_values, function(class, value){
progress_bars[class] =
$('.progressbar'+class).progressbar({'value' : value});
});
$.each(progress_bars, function(class, progress_bar){
$('.ui-progressbar-value', progress_bar).append(
'<span>' + progress_bar.progressbar('option','value') + '%</span>');
});
});
$(函数(){
var类\u值={
“.item1”:37,
“.项目2”:55,
“.item3”:99,
“.itemx”:29
};
变量进度条={};
$.each(类)\值,函数(类,值){
进度条[类别]=
$('.progressbar'+class).progressbar({'value':value});
});
$.each(进度条,函数(类,进度条){
$('.ui进度条值',进度条)。追加(
''+progress_bar.progressbar('option','value')+'%');
});
});
这是怎么回事
$(document).ready(function(){
// create some progressbars,random values
$(".progressbar").each(function(){
$(this).progressbar({value: Math.floor(Math.random()*5)});
});
//extract the values:
var vals="";
$(".progressbar").each(function(){
vals += $(this).progressbar( "option", "value" );
});
$("#vals").text(vals);
}))