在加载 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
  });