在我的代码中,它就像 count 和 countin 变量的 for 循环 .. 在最后一个循环中,一切都很好,它返回正确的值,但它不能返回过去的值。
问题是什么 ?
这是我的代码:
@{
int count = 1;
int countin = 110;
}
@foreach (var item in Model) {
<script>
obj = {};
obj[@count] = Math.round(@Html.DisplayFor(modelItem => item.ProgressPercent) * 268 / 100);
var objin = {};
objin[@count] = "-" + obj[@count] + "px 0";
var jq3 = jQuery.noConflict();
jq3(document).ready(function () {
jq3("#bar-pro-@count").css({ "background-position": objin[@count] });
if (obj[@count] == 100) {
jq3("#bar-pro-@count").css({ "background-image": "none" });
jq3("#bar-pro-@countin").css({ "background-image": "none" });
};
});
</script>
<div class="bar-t"><b>@Html.DisplayFor(modelItem => item.Name) | در مرحله : @Html.DisplayFor(modelItem => item.Phase)</b></div>
<div class="bar-100">
<div class="bar" id="bar-pro-@countin">
</div>
<div class="bar-pro" id="bar-pro-@count"></div>
<div class="bar-num"><script> document.write(@Html.DisplayFor(modelItem => item.ProgressPercent) + "%");</script></div>
</div>
count = count + 1;
countin = countin + 10;
}
并在 HTML 中呈现后:
<script>
obj = {};
obj[1] = Math.round(12 * 268 / 100);
var objin = {};
objin[1] = "-" + obj[1] + "px 0";
var jq3 = jQuery.noConflict();
jq3(document).ready(function () {
jq3("#bar-pro-1").css({ "background-position": objin[1] });
if (obj[1] == 100) {
jq3("#bar-pro-1").css({ "background-image": "none" });
jq3("#bar-pro-110").css({ "background-image": "none" });
};
});
</script>
<div class="bar-t"><b>Progress</b></div>
<div class="bar-100">
<div class="bar" id="bar-pro-110">
</div>
<div class="bar-pro" id="bar-pro-1"></div>
<div class="bar-num"><script> document.write(12 + "%");</script></div>
</div>
这只是循环之一。如果你愿意,我可以放完整的代码和结果。注意:最后一个值是正确的,它适用于 CSS,但 CSS 的过去值不起作用。
问题是什么 ?
注意:我发现了问题。因为 obj 和 objin 数组在循环中。他们应该不在循环中。