发现

discover.html

					<div class="table-body">
					    <div class="haveData">
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-0"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-1"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-2"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-3"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-4"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-5"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    	<div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-6"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div><div class="table-item-list">
					    		<ul class="listitemdiv listmorediv" id="table-item-7"></ul>
								<div class="continue">
									<button>继续加载</button>
								</div>
					    	</div>
					    </div>
								<ul class="listitemdiv listmorediv" id="table-item-0"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-1"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-2"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-3"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-4"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-5"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-6"></ul>
								<button class="js-load-more"></button>
							</div>
							<div class="table-item-list">
								<ul class="listitemdiv listmorediv" id="table-item-7"></ul>
								<button class="js-load-more"></button>
							</div>
						</div>
					</div>
				</div>
			</div>

js/discover.js

                linkNum = $(this).index(".table-tab-slide");
                $(".haveData").find("ul").each(function () {
                    $(this).html("");
                    $(this).parent().find("button").unbind("click");
                    $(this).parent().find("button").show();
                    $(this).parent().find(".js-load-more").unbind("click");
                    $(this).parent().find(".js-load-more").show();
                });
                $("#table-item-"+linkNum).html("");
                dataColNum=$(this).attr('data-col');
			},
			"beforeSend": function() {
				// $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $("#table-item-"+index).parent().find("button").attr("disabled",true);
                $("#table-item-"+index).parent().find(".js-load-more").attr("disabled",true);
                $("#table-item-"+index).parent().find(".js-load-more").addClass("active");
			},
			"complete":function () {
                $("#table-item-"+index).parent().find("button").removeAttr("disabled");
                $("#table-item-"+index).parent().find(".js-load-more").removeAttr("disabled");
                $("#table-item-"+index).parent().find(".js-load-more").removeClass("active");
            },
			"success" : function(data) {
				if (data.success){
					}
					//分页
					if(isbind==true){
                        $("#table-item-" + idItem).parent().find("button").on("click", function () {
                        $("#table-item-" + idItem).parent().find(".js-load-more").on("click", function () {
                            listShow(obj, ++pageNo, colNum, false, idItem);
                        });
					}
                    if (pageNo >= Math.ceil(data.data.total / 10)) {
                        $("#table-item-" + idItem).parent().find("button").unbind("click");
                        $("#table-item-" + idItem).parent().find("button").hide();
                        $("#table-item-" + idItem).parent().find(".js-load-more").unbind("click");
                        $("#table-item-" + idItem).parent().find(".js-load-more").hide();
					}
					$(".loading").remove();
				}
            },
            "beforeSend": function() {
                // $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $("#table-item-0").parent().find("button").attr("disabled",true);
                $("#table-item-0").parent().find(".js-load-more").attr("disabled",true);
                $("#table-item-0").parent().find(".js-load-more").addClass("active");
            },
			"complete":function () {
                $("#table-item-0").parent().find("button").removeAttr("disabled");
                $("#table-item-0").parent().find(".js-load-more").removeAttr("disabled");
                $("#table-item-0").parent().find(".js-load-more").removeClass("active");
            },
            "success" : function(data) {
                if (data.success){
                    }
                    //分页
                    if(isbind==true){
                        $("#table-item-0").parent().find("button").on("click", function () {
                        $("#table-item-0").parent().find(".js-load-more").on("click", function () {
                            firstListShow(false);
                        });
                    }
                    if (dataStr.length < rows) {
                        $("#table-item-0").parent().find("button").unbind("click");
                        $("#table-item-0").parent().find("button").hide();
                        $("#table-item-0").parent().find(".js-load-more").unbind("click");
                        $("#table-item-0").parent().find(".js-load-more").hide();
                    }
                    $(".loading").remove();
                }
			},
			"beforeSend": function() {
				// $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $("#table-item-3").parent().find("button").attr("disabled",true);
                $("#table-item-3").parent().find(".js-load-more").attr("disabled",true);
                $("#table-item-3").parent().find(".js-load-more").addClass("active");
			},
			"complete":function () {
                $("#table-item-3").parent().find("button").removeAttr("disabled");
                $("#table-item-3").parent().find(".js-load-more").removeAttr("disabled");
                $("#table-item-3").parent().find(".js-load-more").removeClass("active");
            },
			"success" : function(data) {
				if (data.success){
					}
					//分页
                    if(isbind==true){
                        $("#table-item-" + idItem).parent().find("button").on("click", function () {
                        $("#table-item-" + idItem).parent().find(".js-load-more").on("click", function () {
                            getWenda(false);
                        });
                    }
                    if (dataStr.length < rows) {
                        $("#table-item-3").parent().find("button").unbind("click");
                        $("#table-item-3").parent().find("button").hide();
                        $("#table-item-3").parent().find(".js-load-more").unbind("click");
                        $("#table-item-3").parent().find(".js-load-more").hide();
                    }
                    $(".loading").remove();
				}