jquery点击加载更多内容插件

2019-03-06 09:32 发布

JS代码|

admin
00
admin
湖南省 长沙市
在最美的年纪遇见最美的自己

904e3e7bd7.jpg


可以实现简单的通过点击按钮后超链接,来加载指定调试的内容的效果。

 使用方法

在页面中引入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
});


授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

官方网站: 暂无

在线演示

0
猜你喜欢
牛七七
更多发现