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