Question

我在使用JQgrid wiith rails时遇到问题。在以下代码中，我得到3个错误。我甚至无法打到网址。

错误是

未捕获的ReferenceError：未定义jQuery - ＆gt; grid.locale-en.js 未捕获的ReferenceError：未定义jQuery - ＆gt; jquery.jqgrid.min.js 未捕获的ReferenceError：$未定义 - ＆gt; at＆＃39; $（function（）{＆＃39;

来自以下代码。

任何帮助将不胜感激。我想我在这里错过了一些小事。

<!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>

Answer 1

你确定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>

（type属性的值对于jQuery和jQuery UI来说是明确错误的。）

未捕获的ReferenceError：使用jqgrid时未定义$

1 个答案: