로드 jquery 작동하지 않습니다

Question

안녕하세요 jqgrid 어떤 크기 조정 함수를 창 크기에 따라 크기를 조정할 수 있습니다. 이 기능은 잘하지만 내가있는 jqGrid로드 그래서 난이

$(window).bind("load", function() { 
    $('#' + grid_id).setGridWidth(width, true); //Back to original width 
    $('#' + grid_id).setGridWidth($('#' + div_id).width(), true); //Resized to new width as per window 
    }); 

같은 함수를 호출하고 그러나이 작동하지 않는 경우 동일한 기능이 작동하는 것을 필요가있다.

창문이

$(window).bind('resize', function() { 
      $('#' + grid_id).setGridWidth(width, true); //Back to original width 
      $('#' + grid_id).setGridWidth($('#' + div_id).width(), true); //Resized to new width as per window 
     }).trigger('resize'); 

처럼 크기가 조정 그리고 그것은 잘 작동 될 때 같은 함수가 호출된다. 여기서 내가 뭘 잘못하고있어.

Answer 1

당신은 그리드가 생성 후있는 jqGrid의 setGridWidth 메서드를 호출 할 수 있습니다.

아마 당신이해야 할 일은 아마도 autowidth: true 옵션을 추가하는 것입니다.

사용자 정의 크기 조정을 구현하려는 경우 jqGridAfterLoadComplete 이벤트 내부에서 수행 할 수 있습니다.

var $grid = $("#grid"), 
    resizeGrid = function() { 
     var newWidth = $(this).closest(".ui-jqgrid").parent().width(); 
     $(this).jqGrid("setGridWidth", newWidth, true); 
    }; 

$(window).on("resize", function() { 
    resizeGrid.call($grid); 
}); 

$grid.on("jqGridAfterLoadComplete", resizeGrid) 
.jqGrid({ 
    // all jqGrid options 
}); 

이 https://jsfiddle.net/OlegKi/ejpn9/153/

Answer 2

나는 항상 "DOMContentLoaded"이벤트를 사용했으며 매력처럼 작동했습니다.

시도하십시오

element.addEventListener("DOMContentLoaded", function(event) { 
    //Element loaded 
    });