Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 1158 Releases 0 Wiki
Browse Source

发现

XMTT 7 years ago
parent
8365ff709b
commit
cdb1bc9985
2 changed files with 55 additions and 64 deletions
Split View Show Diff Stats
  1. 32 47
      discover.html
  2. 23 17
      js/discover.js

+ 32 - 47
discover.html
View File 

@ -43,53 +43,38 @@
43 43 
					<div class="table-body">
44 44 
					    <div class="haveData">
45 45 
					    	<div class="table-item-list">
46 
					    		<ul class="listitemdiv listmorediv" id="table-item-0"></ul>
47 
								<div class="continue">
48 
									<button>继续加载</button>
49 
								</div>
50 
					    	</div>
51 
					    	<div class="table-item-list">
52 
					    		<ul class="listitemdiv listmorediv" id="table-item-1"></ul>
53 
								<div class="continue">
54 
									<button>继续加载</button>
55 
								</div>
56 
					    	</div>
57 
					    	<div class="table-item-list">
58 
					    		<ul class="listitemdiv listmorediv" id="table-item-2"></ul>
59 
								<div class="continue">
60 
									<button>继续加载</button>
61 
								</div>
62 
					    	</div>
63 
					    	<div class="table-item-list">
64 
					    		<ul class="listitemdiv listmorediv" id="table-item-3"></ul>
65 
								<div class="continue">
66 
									<button>继续加载</button>
67 
								</div>
68 
					    	</div>
69 
					    	<div class="table-item-list">
70 
					    		<ul class="listitemdiv listmorediv" id="table-item-4"></ul>
71 
								<div class="continue">
72 
									<button>继续加载</button>
73 
								</div>
74 
					    	</div>
75 
					    	<div class="table-item-list">
76 
					    		<ul class="listitemdiv listmorediv" id="table-item-5"></ul>
77 
								<div class="continue">
78 
									<button>继续加载</button>
79 
								</div>
80 
					    	</div>
81 
					    	<div class="table-item-list">
82 
					    		<ul class="listitemdiv listmorediv" id="table-item-6"></ul>
83 
								<div class="continue">
84 
									<button>继续加载</button>
85 
								</div>
86 
					    	</div><div class="table-item-list">
87 
					    		<ul class="listitemdiv listmorediv" id="table-item-7"></ul>
88 
								<div class="continue">
89 
									<button>继续加载</button>
90 
								</div>
91 
					    	</div>
92 
					    </div>
46 
								<ul class="listitemdiv listmorediv" id="table-item-0"></ul>
47 
								<button class="js-load-more"></button>
48 
							</div>
49 
							<div class="table-item-list">
50 
								<ul class="listitemdiv listmorediv" id="table-item-1"></ul>
51 
								<button class="js-load-more"></button>
52 
							</div>
53 
							<div class="table-item-list">
54 
								<ul class="listitemdiv listmorediv" id="table-item-2"></ul>
55 
								<button class="js-load-more"></button>
56 
							</div>
57 
							<div class="table-item-list">
58 
								<ul class="listitemdiv listmorediv" id="table-item-3"></ul>
59 
								<button class="js-load-more"></button>
60 
							</div>
61 
							<div class="table-item-list">
62 
								<ul class="listitemdiv listmorediv" id="table-item-4"></ul>
63 
								<button class="js-load-more"></button>
64 
							</div>
65 
							<div class="table-item-list">
66 
								<ul class="listitemdiv listmorediv" id="table-item-5"></ul>
67 
								<button class="js-load-more"></button>
68 
							</div>
69 
							<div class="table-item-list">
70 
								<ul class="listitemdiv listmorediv" id="table-item-6"></ul>
71 
								<button class="js-load-more"></button>
72 
							</div>
73 
							<div class="table-item-list">
74 
								<ul class="listitemdiv listmorediv" id="table-item-7"></ul>
75 
								<button class="js-load-more"></button>
76 
							</div>
77 
						</div>
93 78 
					</div>
94 79 
				</div>
95 80 
			</div>

+ 23 - 17
js/discover.js
View File 

@ -73,8 +73,8 @@ $(function() {
73 73 
                linkNum = $(this).index(".table-tab-slide");
74 74 
                $(".haveData").find("ul").each(function () {
75 75 
                    $(this).html("");
76 
                    $(this).parent().find("button").unbind("click");
77 
                    $(this).parent().find("button").show();
76 
                    $(this).parent().find(".js-load-more").unbind("click");
77 
                    $(this).parent().find(".js-load-more").show();
78 78 
                });
79 79 
                $("#table-item-"+linkNum).html("");
80 80 
                dataColNum=$(this).attr('data-col');

@ -175,10 +175,12 @@ $(function() {
175 175 
			},
176 176 
			"beforeSend": function() {
177 177 
				// $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
178 
                $("#table-item-"+index).parent().find("button").attr("disabled",true);
178 
                $("#table-item-"+index).parent().find(".js-load-more").attr("disabled",true);
179 
                $("#table-item-"+index).parent().find(".js-load-more").addClass("active");
179 180 
			},
180 181 
			"complete":function () {
181 
                $("#table-item-"+index).parent().find("button").removeAttr("disabled");
182 
                $("#table-item-"+index).parent().find(".js-load-more").removeAttr("disabled");
183 
                $("#table-item-"+index).parent().find(".js-load-more").removeClass("active");
182 184 
            },
183 185 
			"success" : function(data) {
184 186 
				if (data.success){

@ -203,13 +205,13 @@ $(function() {
203 205 
					}
204 206 
					//分页
205 207 
					if(isbind==true){
206 
                        $("#table-item-" + idItem).parent().find("button").on("click", function () {
208 
                        $("#table-item-" + idItem).parent().find(".js-load-more").on("click", function () {
207 209 
                            listShow(obj, ++pageNo, colNum, false, idItem);
208 210 
                        });
209 211 
					}
210 212 
                    if (pageNo >= Math.ceil(data.data.total / 10)) {
211 
                        $("#table-item-" + idItem).parent().find("button").unbind("click");
212 
                        $("#table-item-" + idItem).parent().find("button").hide();
213 
                        $("#table-item-" + idItem).parent().find(".js-load-more").unbind("click");
214 
                        $("#table-item-" + idItem).parent().find(".js-load-more").hide();
213 215 
					}
214 216 
					$(".loading").remove();
215 217 
				}

@ -234,10 +236,12 @@ $(function() {
234 236 
            },
235 237 
            "beforeSend": function() {
236 238 
                // $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
237 
                $("#table-item-0").parent().find("button").attr("disabled",true);
239 
                $("#table-item-0").parent().find(".js-load-more").attr("disabled",true);
240 
                $("#table-item-0").parent().find(".js-load-more").addClass("active");
238 241 
            },
239 242 
			"complete":function () {
240 
                $("#table-item-0").parent().find("button").removeAttr("disabled");
243 
                $("#table-item-0").parent().find(".js-load-more").removeAttr("disabled");
244 
                $("#table-item-0").parent().find(".js-load-more").removeClass("active");
241 245 
            },
242 246 
            "success" : function(data) {
243 247 
                if (data.success){

@ -268,13 +272,13 @@ $(function() {
268 272 
                    }
269 273 
                    //分页
270 274 
                    if(isbind==true){
271 
                        $("#table-item-0").parent().find("button").on("click", function () {
275 
                        $("#table-item-0").parent().find(".js-load-more").on("click", function () {
272 276 
                            firstListShow(false);
273 277 
                        });
274 278 
                    }
275 279 
                    if (dataStr.length < rows) {
276 
                        $("#table-item-0").parent().find("button").unbind("click");
277 
                        $("#table-item-0").parent().find("button").hide();
280 
                        $("#table-item-0").parent().find(".js-load-more").unbind("click");
281 
                        $("#table-item-0").parent().find(".js-load-more").hide();
278 282 
                    }
279 283 
                    $(".loading").remove();
280 284 
                }

@ -298,10 +302,12 @@ $(function() {
298 302 
			},
299 303 
			"beforeSend": function() {
300 304 
				// $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
301 
                $("#table-item-3").parent().find("button").attr("disabled",true);
305 
                $("#table-item-3").parent().find(".js-load-more").attr("disabled",true);
306 
                $("#table-item-3").parent().find(".js-load-more").addClass("active");
302 307 
			},
303 308 
			"complete":function () {
304 
                $("#table-item-3").parent().find("button").removeAttr("disabled");
309 
                $("#table-item-3").parent().find(".js-load-more").removeAttr("disabled");
310 
                $("#table-item-3").parent().find(".js-load-more").removeClass("active");
305 311 
            },
306 312 
			"success" : function(data) {
307 313 
				if (data.success){

@ -323,13 +329,13 @@ $(function() {
323 329 
					}
324 330 
					//分页
325 331 
                    if(isbind==true){
326 
                        $("#table-item-" + idItem).parent().find("button").on("click", function () {
332 
                        $("#table-item-" + idItem).parent().find(".js-load-more").on("click", function () {
327 333 
                            getWenda(false);
328 334 
                        });
329 335 
                    }
330 336 
                    if (dataStr.length < rows) {
331 
                        $("#table-item-3").parent().find("button").unbind("click");
332 
                        $("#table-item-3").parent().find("button").hide();
337 
                        $("#table-item-3").parent().find(".js-load-more").unbind("click");
338 
                        $("#table-item-3").parent().find(".js-load-more").hide();
333 339 
                    }
334 340 
                    $(".loading").remove();
335 341 
				}