jqGrid - TypeError：“#.jqGrid”列表不是函数

Question

我在我的项目中的一个单独的脚本文件中有以下代码，用于填充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 is not a function。

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

如何消除此错误？

Answer 1

您应该使用：

$("#List")

或者：

jQuery("#List")

你可以在这里读到它：

http://api.jquery.com/jQuery/

("#List")的结果只是一个字符串，这就是为什么解释器声称没有名为jqGrid的方法。