在 Ajax 请求上调用 jQuery

Question

正在 ASP.NET/MVC5 网站上工作。我有一个基于 jQuery 的数据驱动 table (footable)。我为其实现了 "infinite scroll" 功能。在准备好的文档上，我执行 footable() 并且它做了一些行样式等......它似乎工作得很好除了一件事......

问题：最初 table 样式看起来不错。但是，当我滚动并且 Ajax 请求检索更多记录时，这些行都显示在 table 中，但是新行的样式不正确。所以，我想我必须再次调用文档就绪代码？？？？如果是这样，我该怎么办？

这是代码的一部分...

@section scripts{
    <script src="~/Scripts/infiniteScroll.js"></script>
    <script type="text/javascript">
        $(function () {
            $("div#loading").hide();
        });
        var moreRowsUrl = "/SearchResults/GetRecords"; //the URL to your ActionMethod        
        $(window).scroll(scrollHandler);
    </script>

    @Scripts.Render("~/plugins/footable")

    <script type="text/javascript">
        $(document).ready(function() {
            $('.footable').footable();
        });
    </script>
}

@section Styles {
    @Styles.Render("~/plugins/footableStyles")
}

提前感谢您富有洞察力的评论！ :)

Answer 1

看起来您在准备文档时所做的只是：

$('.footable').footable();

因此，在 success 请求的 ajax 函数中，再次调用上面的代码即可。

这可能在您的 scrollHandler 中的某处，因为这似乎是您滚动时调用的内容，但您没有 post 代码

在 Ajax 请求上调用 jQuery

Invoke jQuery on Ajax Request

javascript

ajax

asp.net-mvc

jquery

footable