webcreate/jquery-ias

无限Ajax滚动：一个将服务器端分页转换为无限滚动的jQuery插件

维护者

详细信息

github.com/webcreate/infinite-ajax-scroll

主页

源代码

问题

安装次数： 553,727

依赖项: 4

建议者: 0

安全: 0

星标: 899

关注者: 55

分支: 349

开放问题: 12

语言：JavaScript

v2.3.1 2018-03-21 20:14 UTC

proprietary, MIT 97ba99a34e68a3fc186ceb518c9cff51370be24b

  • fieg <jeroen.woop@webcreate.nl>

jquerypaginationajaxscrollscrollinginfiniteias

This package is not auto-updated.

Last update: 2024-09-14 13:25:18 UTC

README

Infinite Ajax Scroll

无限Ajax滚动

轻松将现有的分页转换为无限滚动页面。

  • SEO友好 🥇
  • 不会破坏浏览器的返回按钮 💯
  • 高度可定制 ✨

更多功能、文档和示例可在以下链接找到： https://docs.infiniteajaxscroll.com/

npm

安装

通过CDN使用无限Ajax滚动

通过直接链接到 unpkg 上的无限Ajax滚动，立即启动并运行。

<script src="https://unpkg.com/@webcreate/infinite-ajax-scroll@^3/dist/infinite-ajax-scroll.min.js"></script>

将此代码放置在每个要使用无限滚动的模板或页面的 </body> 标签之前。

作为包管理

你在项目中使用NPM吗？你可以轻松安装和更新我们的包。

$ npm install --save @webcreate/infinite-ajax-scroll

使用方法

无限Ajax滚动在具有项目元素的容器上工作，这些元素将被附加。一个下一页链接用于确定下一URL。

<div class="container">
    <div class="item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>
    ...
</div>

<div class="pagination">
    <a href="page1.html" class="prev">Prev</a>
    <span class="current">2</span>
    <a href="page3.html" class="next">Next</a>
</div>

现在你可以配置无限Ajax滚动

// import if you use the NPM package
import InfiniteAjaxScroll from '@webcreate/infinite-ajax-scroll';

let ias = new InfiniteAjaxScroll('.container', {
  item: '.item',
  next: '.next',
  prev: '.prev',
  pagination: '.pagination'
});

完整文档可在以下链接找到： https://docs.infiniteajaxscroll.com

许可

无限Ajax滚动是双许可

  1. 在自由软件基金会GNU AGPL v.3.0下；或者
  2. 在无限Ajax滚动商业许可下

一旦你开始开发在产品中分发无限Ajax滚动软件的商业活动，或者在未披露你自己的应用程序的源代码的情况下将软件部署到网络上，就必须购买商业许可。

有关更多详细信息，请参阅https://infiniteajaxscroll.com/licenses/