jqGrid：未定义不是函数答案

【问题标题】：jqGrid: undefined is not a functionjqGrid：未定义不是函数
【发布时间】：2015-03-20 05:05:04
【问题描述】：

目前，我正在尝试获得一个基本网格，以便在屏幕上简单地显示。在 jqGrid wiki 之后，我链接到/创建了必要文件的脚本。我下载的 jqGrid zip 中没有 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>

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

【问题讨论】：

标签： javascript jquery css jqgrid

【解决方案1】：

您的脚本标签不正确，请使用它，

<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 的顺序。

另外，请确认您已在 firebug 的脚本选项卡中包含库（超过 2 个文件 + jquery）。

另外，在您的代码中，您使用 $.ready() 2 次，您可以从下面删除任何一个

// remove any 1 line, from the below
$(document).ready(function() { // ready function
  $(function(){ // ready shorthand

【讨论】：

哦，哇，我什至没有注意到关闭标签！那解决了它。我也会更改您建议的内容。谢谢。
@MikeD 您应该尝试使用代码编辑器进行这些更改。即使在您的问题中，您也可以看到“坏”行的语法突出显示无法正常工作。这些视觉提示对于诊断这类问题非常有用
@MikeD：如果问题解决了，你应该"accept"回答。