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