Skip to content

Latest commit

 

History

History
78 lines (76 loc) · 2.32 KB

README.md

File metadata and controls

78 lines (76 loc) · 2.32 KB

nnload 插件


基本参数

<tr>
	<td align="center">btn_more_class</td>
    <td align="center">加载更多的样式class</td>
    <td align="center">默认为:btn_more</td>
</tr>
<tr>
	<td align="center">threshold</td>
    <td align="center">提前加载像素</td>
    <td align="center">默认为0,可根据个人而定</td>
</tr>
<tr>
	<td align="center">loading_class</td>
    <td align="center">加载div样式class</td>
    <td align="center">默认为loading</td>
</tr>
<tr>
	<td align="center">content_class</td>
    <td align="center">数据填充div样式class</td>
    <td align="center">默认为list</td>
</tr>
<tr>
	<td align="center">loading_msg</td>
    <td align="center">正在加载样式布局</td>
    <td align="center">==</td>
</tr>
<tr>
	<td align="center">noData_msg</td>
    <td align="center">无数据样式布局</td>
    <td align="center">==</td>
</tr>
<tr>
	<td align="center">loadData</td>
    <td align="center">数据callback</td>
    <td align="center">无</td>
</tr>

参数

说明

默认值

autoLoad 是否自动加载 默认为true

###基本示例代码

	var currentPage=1;
    $('.content').nnload({
        'autoLoad':false,
        'loadData':function(me){
            $.get('data/data.txt',function(data){
                        setTimeout(function(){
                            $('.list').append(data);
                            me.resetLoad();
                            currentPage++;
                            if(currentPage==5){
                                me.noData(false);
                                me.resetLoad();
                            }
                        },1500);
                    }
            );
        }});
##注意 1、`$.get()`和`setTimeout()`是为了模拟效果而弄的,与本插件无关。
2、该程序demo要部署在服务器上,才能看到效果。