详细信息
btnloadmore.js 是一个用户友好且超小的内容加载插件，通过单击加载更多按钮，您的用户可以加载更多内容并将更多内容附加到当前内容块。
它致力于为大型内容块（如帖子列表、产品卡、搜索结果等）提供出色的分页体验，使您的受众能够根据需要加载更多内容。
如何使用它：
1.btnloadmore.js从dist文件夹加载脚本。
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/dist/btnloadmore.js"></script>2. 将您的内容包装在DIVelement 中，如下所示：
<div class="contents">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
...
</div>3. 调用顶部容器上的插件并确定页面加载时显示的项目数（默认值：6）。
$('.contents').btnLoadmore({
showItem : 3
});4. 确定单击“加载更多”按钮时要加载的项目数量。默认值：3。
$('.contents').btnLoadmore({
whenClickBtn: 2
});5. 自定义加载更多按钮的标签。默认值：“加载更多...”。
$('.contents').btnLoadmore({
textBtn: 'Load More'
});6. 将额外的 CSS 类应用到加载更多按钮。默认： ''。
$('.contents').btnLoadmore({
classBtn : 'btn btn-primary'
});7.自定义动画速度。默认值：2000 毫秒。
$('.contents').btnLoadmore({
delayTo<a href="https://www.jqueryscript.net/tags.php?/Scroll/">Scroll</a>: 5000
});
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。