Javascript jqGrid-TypeError:“类型错误”#列表"；。jqGrid不是一个函数

我的项目中有一个单独的脚本文件，其中包含以下代码，用于填充jqGrid

jQuery(document).ready(function () {
    ("#List").jqGrid({
    url: '/Dept/Index/',
    datatype: 'json',
    mtype: 'POST',
    colNames: ['Name'],
    colModel: [{ name: 'Name', index: 'Name', width: 300, align: 'left'}],
    pager: jQuery('#pager'),
    rowNum: 10,
    rowList: [5, 10, 20, 50],
    sortname: 'Id',
    sortOrder: "desc",
    viewrecords: true,
    caption: 'Dept List'
    });
});

当我运行项目时，我在Firebug的控制台中观察到以下错误。TypeError:

“#List”。jqGrid不是一个函数

但是，如果我将脚本嵌入到文件中，错误就会消失。我已经按照上的说明进行了操作，并查看了的答案，我确信jqgrid.js和grid.locale-en.js的顺序是正确的

如何消除此错误？

您应该使用：

$("#List")

或：

您可以在此处阅读：

（“#List”）

的结果只是一个字符串，这就是为什么解释器声称没有名为

jqGrid

的方法

jQuery("#List")