free-Jqgrid展开/折叠网格

Question

如何通过单击标题栏而不是右上角的小按钮来展开/折叠网格？ 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事件绑定到尚未创建的元素。