$.data未定义

Question

以下是我的MVC剃刀视图的标记：

<div style="visibility:visible;">
var data = [
        {"id":"1", "ui_bgcolor":"Green", "ui_forecolor": "Black"},
        {"id":"2", "ui_bgcolor":"Amber", "ui_forecolor": "Black"},
        {"id":"3", "ui_bgcolor":"Red", "ui_forecolor": "White"}
]
</div>

<script type="text/javascript">
    function SetGradeDLLItemStyling() {
        $.each(data, function (i) {
            alert(data[i].UIBackgroundColor);
        });
    }
</script>

我收到$.data在脚本块中未定义的错误。这里出了什么问题？

Answer 1

数据未在脚本块中定义，因此不可用。

<script type="text/javascript">
var data = [
        {"id":"1", "ui_bgcolor":"Green", "ui_forecolor": "Black"},
        {"id":"2", "ui_bgcolor":"Amber", "ui_forecolor": "Black"},
        {"id":"3", "ui_bgcolor":"Red", "ui_forecolor": "White"}
]
</script>