听书人

在鸡零狗碎操蛋的生活中找到闪闪发光的太阳

实现加载更多通用

听书人 · 沦陷于 · 2021/09/16 · 阅:46

前言

按我这懒得的程度,是不会去自己瞎折腾出一个这个玩儿的,刚开始去试了@若志的,但是我的它不会往下拉,而是翻下页,导致我也懒得去整这个了,直接使用上下页,其实还有一个原因,在无名篇里,我曾说过大概意思就是我点了加载更多,它会下滑到第二页,我在第二页点开一篇文章看完,再返回,它就到了第一页不会在第二页。也懒得去瞎折腾它。今日是准备给书单分类添加一个,在此记一下代码

引用

<script src="https://cdn.jsdelivr.net/gh/wanfengba/tuping/tuping/2021/jquery-1.11.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/wanfengba/tuping/tuping/2021/jquery.simpleLoadMore.js"></script>

再添加

<script>
$('.some-list').simpleLoadMore({
item: 'div.item',
count: 5
});
</script>

5是要加载的文章篇数

最后把.some-list包起来要加载更多的地方添加div.item就好了

你可能没有div,再建个就行了

附上完整代码(可能我说的不太明白)

 <div class="some-list">
            <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 class="item">文章 10</div>
            <div class="item">文章 11</div>
            <div class="item">文章 12</div>
            <div class="item">文章 13</div>
            <div class="item">文章 14</div>
            <div class="item">文章 15</div>
            <div class="item">文章 16</div>
            <div class="item">文章 17</div>
            <div class="item">文章 18</div>
            <div class="item">文章 19</div>
            <div class="item">文章 20</div>
            <div class="item">文章 21</div>
            <div class="item">文章 22</div>
            <div class="item">文章 23</div>
          </div>
<script src="https://cdn.jsdelivr.net/gh/wanfengba/tuping/tuping/2021/jquery-1.11.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/wanfengba/tuping/tuping/2021/jquery.simpleLoadMore.js"></script>
<script>
    $('.some-list').simpleLoadMore({
    item: 'div.item',
    count: 5
    });
    </script>

好了,大概就是这样子(时隔半个月,终于有一篇正常的文章了🤣)

· / - 2021-9-22
再说明一下typecho系统后台阅读里有每页文章数目,或者啥啥啥代码,反正就是让文章全部显示出来才能加载下5篇,当到底了就不会显示出加载更多四字

最后更新:10小时前
文章分享
实现加载
折叠评论
评论 暂无评论

评论列表暂无评论