使用jqgrid时未定义Uncaught ReferenceError:$_Jqgrid

使用jqgrid时未定义Uncaught ReferenceError:$

jqgrid

使用jqgrid时未定义Uncaught ReferenceError:$,jqgrid,Jqgrid,我对使用JQgrid wiith rails有一个问题。在下面的代码中，我得到了3个错误。我甚至不能点击网址错误是未捕获引用错误：未定义jQuery->grid.locale-en.js 未捕获引用错误：未定义jQuery->jQuery.jqgrid.min.js 未捕获引用错误：$未定义->位于“$函数{” 从下面的代码任何帮助都将不胜感激。我想我错过了一些小东西 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/

我对使用JQgrid wiith rails有一个问题。在下面的代码中，我得到了3个错误。我甚至不能点击网址

错误是

未捕获引用错误：未定义jQuery->grid.locale-en.js 未捕获引用错误：未定义jQuery->jQuery.jqgrid.min.js 未捕获引用错误：$未定义->位于“$函数{”

从下面的代码

任何帮助都将不胜感激。我想我错过了一些小东西

<!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真的包含在页面中吗？您可以使用

而不是

对于jQuery和jQuery UI，type属性的值显然是错误的。

谢谢@oleg前两个问题已经解决，但第三个问题，即$未定义，仍然存在there@sethi：$只有在路径js/jquery-1.8.3.js错误时才是未定义的。此外，您必须在colNames中再添加一个元素，例如用“LAST_NAME”追加它。您的代码，但只是从internet加载所有JavaScript库。它显示网格，没有原因数据。此外，我建议您在使用的选项中添加gridview:true、autoencode:true。