使用ajax后滚动条丢失了吗?

时间:2017-05-21 06:07:39

标签: jquery html ajax

[![我的ScreenShoot] [1]] [2]

[1]:https://i.stack.imgur.com/V16o0.png之前   [2]:https://i.stack.imgur.com/lu6GB.png之后

这是我的javascript,通过调用AJAX刷新我的tabel数据:

function AvailableSeatMenu(kode) {
    $.get("function_and_ajax/ajax.php", {
        ajx: "ReadCashierMenu"
    }, function (data, status) {
        $("#dtable").html(data);
        $("#cssTable").DataTable({
            "pageLength": 5,
            responsive: true,
            "autoWidth": false,
            select: {
                style: 'single',
                info: false
            }
        });
        $(".lbl_Loading").hide();
    });
}

AJAX回显表及其数据。将它粘贴在这里太长了..

当我的模态上的表使用ajax刷新时会发生此问题,我不知道为什么会发生这种情况。 抱歉我的英语不好。

1 个答案:

答案 0 :(得分:1)

你提到的堆栈页面有一个答案:@Paul Tomblin。我不知道这是否是这个问题的答案,但我猜(95%)这是你问题的答案。

假设您的内容位于名为ajax_content的类中;你应该在ajax请求完成时运行这段代码:

$('.ajax_content').each(function(){
    $(this).resize();
});

此代码确保调整ajax_content类的所有div,spans等的大小。请记住,ajax_content类应该具有scroll:auto;属性。

如果您想调整整个页面的大小,可以使用我在该页面上提到的答案:

$(window).resize();