自由Jqgrid扩展/collapse网格

Question

如何通过单击标题栏而不是右角的小按钮来扩展/折叠网格？示例

工作中

  $("#idButton").click(function () {
  $(".ui-jqgrid-titlebar-close", myGrid[0].grid.cDiv).click();
});

不工作

$(myGrid[0].grid.cDiv).click(function() {
    $(".ui-jqgrid-titlebar-close",this).click();
 }); 

示例jsFiddle

Answer 1

你只需要移动代码

var myGrid = $("#list"), titleDiv = myGrid[0].grid.cDiv;

$("#idButton").click(function () {
    $(".ui-jqgrid-titlebar-close", titleDiv).click();
});

$(titleDiv).click(function() {
    $(".ui-jqgrid-titlebar-close",this).click();
});

在 $(function () {/*here*/}).见https://jsfiddle.net/OlegKi/83dp23uu/9/。您的原始演示尝试将click事件绑定到尚未创建的元素。