目录

滚动加载-weui

目录

js代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

<script src="__TMPL__/public/js/fastclick.js"></script>

<script src="__TMPL__/public/js/jquery-weui.js"></script>

   <script>
	var loading = false;
	var url = 'http://192.168.2.29/thinkcmf/public/portal/video/js_tuandui_ajax';
	var ww = '';
	var pageStart = 2;
	$(document.body).infinite().on("infinite",
	function() {
		if (loading) return;
		loading = true;
		$.ajax({
			url: url,
			type: 'POST',
			dataType: 'json',
			data: {
				page: pageStart
			},
			success: function(datas) {
				if (datas == '1') {
					$(".weui-loadmore__tips").html("数据了");
					$(".weui-loading").hide()
				} else {
					var ww = create_html(datas)
				}
				setTimeout(function() {
					pageStart++;
					$("#WWW").append(ww);
					loading = false
				},
				1500)
			}
		})
	});
	function create_html(datas) {
		var len = datas.length;
		var _html = '';
		for (var i = 0; i < len; i++) {
			var item = '<div class="yuding_js"><div class="yuding_js_img" style="background: #313236"><a href="http://192.168.2.29/thinkcmf/public/portal/page/index/id/' + datas[i].id + '.html"><img style="margin-top: 20px;"  src="http://192.168.2.29/thinkcmf/public/upload/' + datas[i].more.thumbnail + '" alt="超级盟主"><i> 金牌讲师</i> </a></div><div class="yuding_neir"> <p style="margin: 0 0 .3em;"> <i class="yuding_neir_gf">官方认证</i>' + datas[i].post_title + '</p><p  style="margin: 0 0 .3em;"> ' + datas[i].post_excerpt + '</p><i  style="margin: 0 0 .3em;" class="yuding_neir_zc">支持全国</i><a  href="http://192.168.2.29/thinkcmf/public/portal/page/index/id/' + datas[i].id + '"> <p style="margin-top: 10px" class="yuding_neir_yd"> 金牌讲师预订</p> </a></div></div>';
			_html += item
		}
		return _html
	}



       
    </script>