ロード時の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 
    });