如何使用jquery设置div的样式宽度?
我有一个twitter引导进度条,定义如下:如何使用jquery设置div的样式宽度?,jquery,css,twitter-bootstrap,signalr,Jquery,Css,Twitter Bootstrap,Signalr,我有一个twitter引导进度条,定义如下: <div style='position: relative' class='progress progress-info'> <div class='bar' id='signalRtensionNegPercentage-#:ViewUnitContract.ConveyanceId #' style='display: block; float: right; width: 15%'> </div&
<div style='position: relative' class='progress progress-info'>
<div class='bar' id='signalRtensionNegPercentage-#:ViewUnitContract.ConveyanceId #' style='display: block; float: right; width: 15%'>
</div>
<span class='gridSpan' id='signalRtensionNeg-#:ViewUnitContract.ConveyanceId #'>#: TensionNegative#</span>
</div>
messageHub.client.notifyTension = function (tensionMessage, conveyanceId) {
var maxTensionRange = $('#signalRmaxTensionRange-' + conveyanceId).text();
var minTensionRange = -maxTensionRange;
var tensionPos = $('#signalRtensionPos-' + conveyanceId).text();
var tensionNeg = $('#signalRtensionNeg-' + conveyanceId).text();
var percentageValPos;
var percentageValNeg;
if (maxTensionRange != 0 && minTensionRange != 0) {
if (tensionMessage < 0) {
percentageValNeg = Math.abs((tensionNeg / (maxTensionRange - minTensionRange)) * 100);
$('#signalRtensionNegPercentage-' + conveyanceId).width(percentageValNeg);
$('#signalRtensionNeg-' + conveyanceId).text(tensionMessage);
} else {
percentageValPos = Math.abs((tensionPos / (maxTensionRange - minTensionRange)) * 100);
$('#signalRtensionPosPercentage-' + conveyanceId).width(percentageValPos);
$('#signalRtensionPos-' + conveyanceId).text(tensionMessage);
}
}
};
我在这里的问题是,整个栏似乎在扩展,而不是蓝色填充(进度栏)。我猜这是因为设置了$('signalRtensionNegPercentage-'+transferanceId).width(percentageValNeg)代码>零件。有人知道我如何设置style:width属性来定义百分比宽度吗?这里只是语法:
$("#yourdiv").css("width", "300px");
你可以试试这个
$('#somediv').width('70%');
希望它能帮助您谢谢,但我需要它是一个百分比值。我可以这样做:$(“#yourdiv”).css(“宽度”,percentageParameter+“%”)$css(“宽度”、“300%”;对于静态。