简单的jquery点击加载更多内容插件

当前位置:主页 > jQuery库 > 工具类 > 简单的jquery点击加载更多内容插件
简单的jquery点击加载更多内容插件
分享:

    插件介绍

    这是一款简单的jquery点击加载更多内容插件。该插件可以实现简单的通过点击按钮后超链接,来加载指定调试的内容的效果。

    浏览器兼容性

    浏览器兼容性
    时间:03-01
    阅读:
简要教程

这是一款简单的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
});