Question

在ASP.NET / MVC5网站上工作。我有一个基于jQuery的数据驱动表（footable）。我实现了一个＆＃34;无限滚动＆＃34;它的特色。在文件准备好的时候我执行footable（）并且它做了一些行样式等等......除了一件事之外它似乎运行良好....

问题：最初表格样式看起来很棒。但是，当我滚动，并且Ajax请求检索更多记录时，行都显示在表中，但新行没有正确设置样式。所以，我想我必须再次调用文档就绪代码????如果是这种情况，我该怎么办？

这是代码的一部分......

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img id="logo-img" src="http://www.fillfox.com/wp-content/uploads/2014/02/FILL-FOX-LOGO-ONLY3A-1024x1024.png"></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">About</a></li>
            <li><a href="#">Features</a></li>
            <li><a href="#">Species</a></li>
            <li><a href="#">Buy it now</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
</nav>
<section class="upper-section">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 col-xs-12 upper-section-central-content">
             <img id="upper-section-img" src="http://pngimg.com/upload/fox_PNG370.png">
            </div> <!--end of col-md-6-->
        </div> <!--end of row-->
    </div><!-- /.container-fluid -->
</section>

提前感谢您的深刻见解！：）

Answer 1

看起来您准备好文档的所有内容都是：

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

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

这可能会在你scrollHandler的某个地方出现，因为滚动时似乎会调用，但你没有发布代码

在Ajax请求上调用jQuery

1 个答案: