Question

我有一个ajax请求，用于添加数据和带有gif的div。上传内容时我需要显示此gif，完成时隐藏。

Ajax：

<script>
    $(window).scroll(function () {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
            $("#load-hist").show();
            $.ajax({
                url: "@Url.Action("pageCount", "Home")",
                type: "POST",
                contentType: 'application/json',
                data: JSON.stringify({ start: true }),
                success: function (data) {
                    $("#sidebar-filter-result").html(data);
                    $("#load-hist").hide();
                }
            });
        }
    });
</script>

HTML：

<div class="row box-js base-box-form" id="sidebar-filter-result">

                    @Html.Action("ListHistory", "Sidebar")

                </div>
                <p style="text-align: center;">
                    <img id="load-hist" src="~/Content/css/main-load-gif.gif" alt="Loading..." style="display:none" />
                </p>

没有$("#load-hist").show();和$("#load-hist").hide();的情况下效果很好，但是当我添加此gif时，加载时所有文件都崩溃了。

在ajax请求添加时加载gif

0 个答案: