循环加载条

Question

我使用这个jQuery插件称为简单的圆形加载条与百分比 - 肩http://www.jqueryscript.net/rotator/Simple-jQuery-Circular-Loading-Bar-with-Percentage-Rotator.html

我怎么可以添加更多的div

这里是一个的jsfiddle例子 - http://jsfiddle.net/fegvc5h8/

$(window).load(function() { 
    $("#rotator").rotator({ 
    starting: 0, 
    ending: 100, 
    percentage: true, 
    color: 'green', 
    lineWidth: 7, 
    timer: 10, 
    radius: 40, 
    fontStyle: 'Calibri', 
    fontSize: '20pt', 
    fontColor: 'darkblue', 
    backgroundColor: 'lightgray', 
    callback: function() {} 
    }); 
}); 

这里是代码

Answer 1

是的，这是可能的。 http://jsfiddle.net/csdtesting/en83d3uu/

打开rotator.js文件这个脚本，并且改变代码作为below.There是该我固定加入“-random号码”到画布元素的id与jquery dublicate帆布IDS Math.random():

... 
var n = Math.random(); 
this.empty().append("<canvas height ="+this.height() + " width="+this.width()+" id='my-canvas-"+n+"'/ ></canvas>"); 
var canvas = document.getElementById('my-canvas-'+n); 

而你可以添加尽可能多的div元素与您的html不同的ID：

<div id="rotator" style="height:300px;width:300px"></div> 
<div id="rotator2" style="height:300px;width:300px"></div>