按钮图标
简单点击加载更多内容jQuery插件
PetitQ
这是一款简单的 jquery 点击加载更多内容插件。该插件可以实现简单的通过点击按钮后超链接，来加载指定调试的内容的效果。
使用方法
在页面中引入 jquery 和 jquery.simpleLoadMore 文件。
也想出现在这里？联系我们吧
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery.simpleLoadMore.js"></script>
HTML 结构
使用该插件需要的 HTML 结构如下。
<div class="wrapper">
<h1>Simple Load More - Demo</h1>
<div class="some-list">
<div class="item">Some List Item 1</div>
<div class="item">Some List Item 2</div>
<div class="item">Some List Item 3</div>
<div class="item">Some List Item 4</div>
<div class="item">Some List Item 5</div>
<div class="item">Some List Item 6</div>
<div class="item">Some List Item 7</div>
<div class="item">Some List Item 8</div>
<div class="item">Some List Item 9</div>
<div class="item">Some List Item 10</div>
......</div>
</div>
初始化插件
在页面 DOM 元素加载完毕之后，通过下面的方法来初始化该插件。
$('.some-list').simpleLoadMore({
item: 'div.item',
count: 5
});
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
