jqGrid:undefined不是函数

jqGrid: undefined is not a function

本文关键字：函数 undefined jqGrid      更新时间：2023-09-26

目前，我正在尝试获得一个简单地显示在屏幕上的基本网格。在jqGridwiki之后，我链接到/创建了必要文件的脚本。在我下载的jqGridzip中有一个css文件不存在，它是jquery-ui-1.8.18.custom.css。我必须单独找到它并添加它。目前，我有：

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen"   href="../Guriddo_jqGrid_JS_4.7.1/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="../Guriddo_jqGrid_JS_4.7.1/css/jquery-ui-1.8.18.custom.css"/>
<script src="../jquery-1.11.2.js" type="text/javascript"></script>
<script src="../Guriddo_jqGrid_JS_4.7.1/js/i18n/grid.locale-en.js" type="text/javascript"</script>
<script src="../Guriddo_jqGrid_JS_4.7.1/js/jquery.jqGrid.min.js" type="text/javascript"</script>
<script>
$(document).ready(function(){
    $("h1").click(function(){
        $(this).hide();
    });
});
</script>
<script type="text/javascript">
$(document).ready(function() {
    $(function(){
        $("#list").jqGrid({
            url: "loadform.php",
            datatype: "json",
            mtype: "GET",
            colNames: ["Name", "Social Security Number", "Date of Birth", "Income"],
            colModel: [
            {name: "name", width: 100},
            {name: "ssn", width: 100},
            {name: "dob", width: 100},
            {name: "income", width: 100}
            ],
            rowNum: 5,
            autoencode: true
       })
    });
});
</script>
</head>
<body>
    <center><h1>Scrolling Data Form With jQuery</h1>
    <table id="list"><tr><td></td></tr></table>
</body>
</html>

我不确定我包含的文件是否无效，或者是否无法访问它们，或者我是否没有包含所有必要的文件等。

您的脚本标记不正确，请像一样使用它

<script src="../Guriddo_jqGrid_JS_4.7.1/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../Guriddo_jqGrid_JS_4.7.1/js/i18n/grid.locale-en.js" type="text/javascript"></script>

此外，请尝试更改jqGrid在jquery.jqGrid.min.js之后加载grid.locale-en.js的顺序。

此外，验证您是否已将库（以上2个文件+jquery）包含在firebug的脚本选项卡中。

此外，在你的代码中，你使用了$.ready（）2次，你可以从下面删除任何一个

// remove any 1 line, from the below
$(document).ready(function() { // ready function
  $(function(){ // ready shorthand
相关文章：