Uncaught ReferenceError: $ is not defined while using jqgrid

Uncaught ReferenceError: $ is not defined while using jqgrid

我在 rails 中使用 JQgrid 时遇到问题。在下面的代码中，我得到 3 个错误。我什至无法击中 url.

错误是

Uncaught ReferenceError: jQuery is not defined -> grid.locale-en.js Uncaught ReferenceError: jQuery is not defined -> jquery.jqgrid.min.js Uncaught ReferenceError: $ is not defined -> at '$(function () {'

来自以下代码。

如有任何帮助，我们将不胜感激。我想我在这里漏掉了一些小东西。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="/assets/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/assets/ui.jqgrid.css" />

<script type="/assets/javascript" src="js/jquery-1.8.3.js"></script>
<script type="/assets/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script src="/assets/grid.locale-en.js" type="text/javascript"></script>
<script src="/assets/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function () {
    $("#list").jqGrid({
        url:'/users/jq', 
       datatype: "json", 
      colNames:['ID','NAME','DISPLAY NAME'], 
      colModel:[{name:'id', index:'id',resizable:false,width:35},
                {name:'USERNAME'  , index:'USERNAME',edittype:'text',editable:true},
                {name:'FIRST_NAME', index:'FIRST_NAME',edittype:'text',editable:true},
                {name:'LAST_NAME' , index:'LAST_NAME',edittype:'text',editable:true}
               ], 
        mtype: "GET",
        pager: "#pager",
        rowNum: 5,
        rownumbers: true,
        rowList: [5, 10, 15],
        height: 'auto',
        width: '500',
        loadonce: true,
        caption: "My first grid"
    }); 
}); 
</script>

</head>
<body>
    <table id="list"><tr><td></td></tr></table> 
    <div id="pager"></div> 
</body>
</html>

您确定 jQuery 真的包含在页面上吗？你用

<script type="/assets/javascript" src="js/jquery-1.8.3.js"></script>
<script type="/assets/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>

而不是

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>

（对于 jQuery 和 jQuery UI，type 属性的值绝对错误）。