free-Jqgrid 展开/折叠网格

Question

如何expand/collapse只点击标题栏的网格，而不是点击右上角的小按钮？ Example

工作

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

无效

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

Example 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 事件绑定到尚未创建的元素。