Jtable僅在逐步調試器時顯示

Question

嗨，我在努力展示我的jtable。 它僅在我使用調試器逐步瀏覽javascript時顯示。

$("body").on("click", "#tabRole", function () {
        document.getElementById("1").className = "inactive";
        document.getElementById("2").className = "active";

        $('#Admin-details').load('../Admin/ADRoleAdmin');
        jTableRoles();
    });

此方法將ADRoleAdmin作為局部視圖加載到div中。 然后，jTableRoles（）應該將jtable加載到ADRoleAdmin內的div（jTableRoles）中：

var jTableRoles = function () {
    $(function () {
        debugger;
        $('#jTableRoles').jtable({
            paging: true, 
            pageSize: 20,
            sorting: true,
            title: 'Roles',
            onRowEdit: function (event, data) {
                UpdateRoleDetails(data.records.RoleId, data.records.RoleName);
            },
            actions: {
                listAction: '../Admin/GetRoles',
                updateAction: 'dummy'
            },
            toolbar: {
                items: [{
                    icon: '../Content/images/Misc/Add icon.png',
                    text: 'Create New',
                    click: function () {
                        UpdateRoleDetails(0, '');
                    }
                }]
            },
            fields: {
                Id: {
                    key: true,
                    list: false
                },
                Name: {
                    title: 'Role name',
                },
                Description: {
                    title: 'Role description',
                    sorting: false
                }
            }
        });

        $('#jTableRoles').jtable('load');
    });
}

請告訴我我做錯了什么，或者我可以做些什么才能使其正常工作。

Answer 1

循環執行這些步驟需要花費額外的時間。 看起來jTable加載時ADRoleAdmin的加載尚未完成。

嘗試在超時后啟動jtable進行檢查。 最好在其回發時加載ADRoleAdmin並加載jTable