基于jquery 的一个progressbar widge

2020-05-17 06:19:06易采站长站整理

_setLabelSide: function () {
var self = this;
var fillDirection = self.options.fillDirection;
var labelAlign = self.options.labelAlign;
if (self._isHorizontal()) {
if (labelAlign === “west” || labelAlign === “east” || labelAlign === “center”) {
self.label.css(“width”, self.element.width() + ‘px’);
}
else
if (labelAlign === “running”) {
self.label.css(“width”, “auto”);
}
else {
self.element.css(“line-height”, “normal”);
self.valueDiv.css(“line-height”, “normal”);
self.label.css(“height”, labelAlign === “north” ? self.element.height() + ‘px’ : “auto”);
}
}
else {
if (labelAlign === “west” || labelAlign === “east” || labelAlign === “center”) {
self.label.css({ “line-height”: self.element.height() + ‘px’, “width”: self.element.width() + ‘px’ });
}
else
if (labelAlign === “running”) {
self.label.css({ “height”: “auto”, “width”: self.element.width() + ‘px’ });
}
else {
self.element.css(“line-height”, “normal”);
self.valueDiv.css(“line-height”, “normal”);
self.label.css(“height”, labelAlign === “north” ? self.element.height() + ‘px’ : “auto”);
}
}
},
       ///get the progress bar’s progress orientation.
_isHorizontal: function () {
return this.options.fillDirection === “west” || this.options.fillDirection === “east”;
},
    ///start the progress
startTask: function () {
/// <summary>Start the progress</summary>
if ($(“:animated”, this.element).length == 0) {
var value = this.value();
this._refreshValue(value);
}
},
       ///stop the progress
stopTask: function () {
/// <summary>Stop the progress</summary>
this.valueDiv.stop();
},
       //init the progress bar
_initElements: function () {
var self = this;
var o = self.options;
self.element.removeClass(“ui-wijprogressbar-west ui-wijprogressbar-east ui-wijprogressbar-north ui-wijprogressbar-south”).addClass(“ui-wijprogressbar-” + o.fillDirection);
var height = self.element.height();
self.valueDiv.css(“line-height”, “”);
self.label.removeClass(“lb_west lb_east lb_south lb_north lb_center lb_running”).addClass(“lb_” + o.labelAlign)
.css(“line-height”, “”).css({
left: “”,
right: “”,
top: “”,
bottom: “”
});
if (self._isHorizontal()) {
self.valueDiv.height(height)