JavaScript在我下面的代码中不起作用

我编写了以下代码以在JQGrid中显示TransactionList

<h2>Manage Transactions</h2>
<script language="javascript" type="text/javascript">

    $(document).ready(function () {
        $("#TransactionList").jqGrid({
            datatype: "local",
            height: 150,
            colNames: ['TransactionID', 'MinVersion', 'TransactionDateTime','RequestMessage','ResponseMessage','TransactionName','TransactionDescription','Enabled'],
            colModel: [
              { name: 'TransactionID', index: 'TransactionID', width: 60 },
              { name: 'MinVersion', index: 'MinVersion', width: 100 },
              { name: 'TransactionDateTime', index: 'TransactionDateTime', width: 400 },
              { name: 'RequestMessage', index: 'RequestMessage', width: 60 },
              { name: 'ResponseMessage', index: 'ResponseMessage', width: 60 },
              { name: 'TransactionName', index: 'TransactionName', width: 60 },
              { name: 'TransactionDescription', index: 'TransactionDescription', width: 60 },
              { name: 'Enabled', index: 'Enabled', width: 60 }
        ],               
            multiselect: true,
            ignoreCase: true,
            hidegrid: False ,            
            pager: '#gridpager',
            rowNum: 10,
            viewrecords: true,
            rowList: [10, 20, 30, 400]    
        });

        $.ajax({
            url: 'API/GetTransaction',
            type: 'post',
            data: null,
            beforeSend: function () {
            },
            success: function (response) {
                alert(response);
                $("#TransactionList").setGridParam({ data: response }).trigger("reloadGrid");
            },
            error: function (error) {
                alert(error);
            }
        });
        $("#TransactionList").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
    });

管理事务
$（文档）.ready（函数（）{
$（“#交易列表”）.jqGrid({
数据类型：“本地”，
身高：150，
colNames:['TransactionID'、'MinVersion'、'TransactionDateTime'、'RequestMessage'、'ResponseMessage'、'TransactionName'、'TransactionDescription'、'Enabled']，
colModel：[
{name:'TransactionID'，index:'TransactionID'，宽度：60}，
{名称：'MinVersion'，索引：'MinVersion'，宽度：100}，
{name:'TransactionDateTime'，索引：'TransactionDateTime'，宽度：400}，
{名称：'RequestMessage'，索引：'RequestMessage'，宽度：60}，
{name:'ResponseMessage'，index:'ResponseMessage'，宽度：60}，
{name:'TransactionName'，索引：'TransactionName'，宽度：60}，
{name:'TransactionDescription'，索引：'TransactionDescription'，宽度：60}，
{name:'Enabled'，index:'Enabled'，宽度：60}
],               
多选：对，
ignoreCase：是的，
希德格里德：错，
寻呼机：“#gridpager”，
rowNum:10，
viewrecords：是的，
行列表：[10,20,30,400]
});
$.ajax({
url:'API/GetTransaction'，
键入：“post”，
数据：空，
beforeSend:函数（）{
},
成功：功能（响应）{
警报（响应）；
$（“#TransactionList”）.setGridParam（{data:response}）.trigger（“reloadGrid”）；
},
错误：函数（错误）{
警报（错误）；
}
});
$（“#TransactionList”）.jqGrid（'filterToolbar'，{stringResult:true，SearchOnNet:false，defaultSearch:cn}）；
});

在上面的代码中，我的javascript不起作用。但是,

<h2>Manage Transactions</h2>

管理事务

---

正在浏览器上打印。有人能帮我吗？

您似乎没有id为

TransactionList

的元素。首先添加：

<div id="TransactionList"></div>

---

然后从那里开始工作。

请发布整个html文件（除非它有很多冗余信息）。正如评论中指出的，首先你应该为jqgrid和pager设置table和div标记。第二点，在发布任何问题之前，请使用firebug、开发人员工具并查找错误消息。要使jqGrid正常工作，元素需要是一个表，另外还需要一个id为gridpager的div。好的，这一点很好。我自己从未使用过，但显然需要某种元素P