jQueryMobile元素的MVC3头JavaScript代码错误

有人能解决这个问题吗？我从行动中得到了两个数组，用于ID和百分比。我尝试了所有编码，但没有成功，但输出不正确

javascript代码

  @section javascript{
    <script type="text/javascript"> 
    $(document).ready(function() { 
        var percents = @Html.Raw(Json.Encode(ViewBag.percentage)); 
        var ids = @Html.Raw(Json.Encode(ViewBag.IDs)); 

        var date = new Date(); 
        var day = date.getDay(); 
        var dayper = (day / 30) * 100; 

        $.each(ids, function(index, id) { 
          var percent = parseInt(percents[index], 10); 
          var element = $('#' + id); 
          element.css('width', percent + '%'); 
          var rA = 100 - percent; 
          var color = 'green'; 

          if (rA - dayper > 40) { 
            color = 'red'; 
          } else if (rA - dayper > 20 && rA - dayper < 40) { 
            color = 'yellow'; 
          } 

          element.css('background-color', color); 
        }); 
    }); 
    </script> 


}

---

就我而言，背景变化很好。您确定在viewbag中发送了正确的ID吗？@Mohayemin这是操作字符串中的代码[]ID=新字符串[bEList.Count]；int i=0；bEList{IDs[i]=bdgt+item.budgetId；i++；}ViewBag.IDs=IDs；其中bElist是包含对象的列表，但没有帮助，因为我们仍然不知道您正在发送什么ID。您可以使用浏览器的开发者工具（例如Firefox中的Firebug）检查javascript中的id和dome元素中的id是否相同。另一种方法是调试以检查ViewBag是否正常。@Mohayemin在Console googlechrome browzer视口参数值device.width中给出了此错误，表示无法识别键宽度。内容被忽略。我不知道这个错误是什么意思，但你可以检查一下

<div class="ui-bar-e" id="bdgt_@(item.budgetId)" >
 @Model.currency[l]@item.spentAmount/@Model.currency[l]@item.amount 
</div>

string[] IDs = new string[bEList.Count]; 
int i = 0; 
foreach(var item in bEList) { 
   IDs[i] = "bdgt_" + item.budgetId; 
   i++; 
} 
ViewBag.IDs = IDs;