JQgrid:禁用表头鼠标悬停样式

时间:2016-11-18 09:32:13

标签: jquery jqgrid

如何禁用jqgrid表头悬停样式。 我尝试了这个解决方案的答案from another stackover flow question

$($("#gridId")[0].grid.hDiv).find(".ui-jqgrid-labels th.ui-th-column")
.unbind("mouseenter")
.unbind("mouseleave");

它会禁用标题悬停样式,但在控制台中显示一些错误

  

未捕获的TypeError:无法读取属性' grid'未定义的(...)

1 个答案:

答案 0 :(得分:0)

我想您在创建网格之前执行了代码。您应该将代码移动到正确的位置。请参阅使用

https://jsfiddle.net/3304edu4/
$($("#grid")[0].grid.hDiv)
    .find("th.ui-th-column")
    .off("mouseenter mouseleave");

顺便说一句,您可以移动onInitGrid回调中的代码,该代码将在网格的外部部分(例如列标题)创建后调用:

onInitGrid: function () {
    $(this.grid.hDiv)
        .find(".ui-jqgrid-labels th.ui-th-column")
        .off("mouseenter mouseleave");
}

请参阅https://jsfiddle.net/3304edu4/1/