Javascript 在动态加载的html上使用jqgrid

我有一个模态对话框，它通过AJAX调用加载其主体。在loaded body中，我有HTML标记要使用

jqGrid

$.get('@Url.Action("ListPartial")',null, function(data, txtStatus, jqXHR) {
                 customModal('Modal header', data);
                 createListGrig("");
              });

customModal

方法

function customModal(title, body) {
    var modal = $('#modalDialog');
    modal.find('h6.modal-title').html(title);
    modal.find('#modalBody').html(body);
    modal.modal();
}

function customModal(title, body, callBack) {
    var modal = $('#modalDialog');
    modal.find('h6.modal-title').html(title);
    modal.find('#modalBody').html(body);
    modal.on('shown.bs.modal', function (e) {
        if (callBack) callBack();
    });
    modal.modal();
}

并且

createListGrig

方法将

jqGrid

应用于加载的html

问题是，当“我的模态”出现时，栅格的宽度为0。但当我添加setTimeout 1秒时，它会如预期的那样出现

setTimeout(function (){createListGrig("")}, 1000);

---

请帮助我计算出应用

jqGrid

的确切时间，以便@A.Wolff在其评论中提到，正确的时间是当

显示时

调用模态方法。 我对代码进行了如下更新，以使其正常工作：

$.get('@Url.Action("ListPartial")',null, function(data, txtStatus, jqXHR) {
                customModal('Copy Address from Partner', data, function() {
                    createListGrig("");
                });
            });

和

customModal

方法

function customModal(title, body) {
    var modal = $('#modalDialog');
    modal.find('h6.modal-title').html(title);
    modal.find('#modalBody').html(body);
    modal.modal();
}

function customModal(title, body, callBack) {
    var modal = $('#modalDialog');
    modal.find('h6.modal-title').html(title);
    modal.find('#modalBody').html(body);
    modal.on('shown.bs.modal', function (e) {
        if (callBack) callBack();
    });
    modal.modal();
}

---

什么是

modal（）

方法？我想如果这个插件以某种方式异步工作（使用动画？），它应该有一个加载/显示的

事件。顺便说一句，你在做什么？
createListGrig（）
method？谢谢@A.Wolff！您为我指明了正确的方向，我刚刚在
显示的
回调中调用了
createListGrig（“”）
方法，它按预期开始工作。顺便说一句：
modal（）
-twitter引导模式
createListGrig（）
使用我的参数调用类似以下内容的
$（“#列表网格”）.jqGrid（{}）
。请随意添加它作为答案，以便将此问题标记为已解决：）