javascript - jqGrid onSelectRow 不工作

Question

The onSelectRow Event In jqGrid Does Not Fire In Chrome I Get an Error When Hovering Over The row

Uncaught TypeError: Object #<Object> has no method 'closest'
b.fn.jqGrid.each.b.before.click.Yjquery.jqGrid.min.js:113
jQuery.event.handlejquery-1.2.6.min.js:26
jQuery.event.add.handle

and When I Click On The Row I Get This Error

event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
jquery.jqGrid.min.js:113Uncaught TypeError: Object #<Object> has no method 'closest'
b.fn.jqGrid.each.b.before.click.bind.a.p.datatypejquery.jqGrid.min.js:113
jQuery.event.handlejquery-1.2.6.min.js:26
jQuery.event.add.handlejquery-1.2.6.min.js:25
jquery.jqGrid.min.js:113Uncaught TypeError: Object #<Object> has no method 'closest'
b.fn.jqGrid.each.b.before.click.Yjquery.jqGrid.min.js:113
jQuery.event.handlejquery-1.2.6.min.js:26
jQuery.event.add.handle

Any Help ? Please Here Is My Code

$('#PrimaryGrid').jqGrid({
                datastr: GetJSON(),
                datatype : 'jsonstring',  
                width:676,
                colNames: ['Code', 'Description', 'Qty', 'Price','Total',''],
      colModel:
      [
           { name: 'Code', index: 'Code', width: 50, align: 'left', sortable: false  },
           { name: 'Description', index: 'Description', width: 305, align: 'left', sortable: false  },
           { name: 'Qty', index: 'Qty', width: 50, align: 'center', sortable: false },
           { name: 'Price', index: 'Price', width: 100, align: 'right', sortable: false },
                         { name: 'Total', index: 'Total', width: 100, align: 'right', sortable: false },
                         {name:'subg',index:'subg', width:1,sortable:false},
      ],
      rowNum: -1,
      height: 'auto',
          multiselect: false,
      sortname: 'Qty',
      sortorder: 'ASC',
                subGrid: true,
                loadonce: false,
                gridComplete: function () { 
                    var ids = $("#PrimaryGrid").getDataIDs(); 
                    for (var i = 0; i < ids.length; i++) {
                        if($("#PrimaryGrid").getRowData(i).subg == "false"){
                            $('tr#'+i, $("#PrimaryGrid"))
                            .children("td.sgcollapsed")
                            .html("")
                            .removeClass('ui-sgcollapsed sgcollapsed');
                        }
                    }
                },
                onSelectRow: function(id){ 
                    alert('Selected row ID ' + id);
                },
                caption: '<div style="width:630px;height:20px;">Items and Bills</div>'
            });

Answer 1

我在使用 jqGrid 和 jQuery 1.6.1 时多次遇到相同的错误，我升级到 jQuery 1.7.1 并且不再出现此错误。尝试下载并使用最新版本的 jQuery。