滚动条滚动到底部，加载更多

{include file="header"}

		<div class="liebiao_ear inner-wrap">

			<!--表格-->
			<div class="table_ear1">
				<table frame="void" class="biaogege">
					<tr style="height:.4rem">
						<td style="text-align: center;">编号/查看详情</td>
						<td>姓名</td>
						<td>民族</td>
						<td style="text-align: center;">地域</td>
						<td hidden>共同祖代</td>
						<td class="chaodai">朝代</td>
					</tr>
				</table>
			</div>

			{if condition="isset($loading)"}
			<div class="loading_ear">
				<img style="height:75px;" src='/public/static/mobile/img/home/loading.gif' />
				<br />
				<p style="text-align:center;">正在分析结果，请稍等...</p>
				<script>
					setTimeout(function () {
						window.location.href = "/index/gene/analysis?id={$id}&re=1";
					}, 500);
				</script>
			</div>
			{else /}

			<div class="table_ear2">
				{if condition="$lately"}
				<table frame="void" class="wu">
					<tr style="height:20px;line-height: 20px;">
						<td style="text-align: center;">目前尚无亲缘关系较为接近的样本</td>
					</tr>
				</table>
				{/if}
				{volist name="data" id="vo"}
				<table frame="void" class="biaogege2">
					<tbody class="zuijia">
						<!-- <tr>
						<td class="dddddd">{$vo.id1}</td>
						<td>{$vo.name1}</td>
						<td>{$vo.nation1}</td>
						<td>{$vo.region1}</td>
						<td rowspan='2' class="niandai" hidden><span class="nian"><span>{$vo.cay}</span><span>年</span></span><br/><span>({$vo.generation})代</span></td>
						<td rowspan='2' class="chaodai">
							<img src="__STATIC__/images/home/jiantou5.png" class="jiantoudd" />
							{if condition="$vo.line"}
							<img src="/public/gene/image/{$vo.line.img}" class="jiantou_hou" />
							<span class="dynasty">{$vo.line.name}</span>
							{/if}
						</td>
					</tr> -->
					<tr>
                        <td>
                        	<a is_open="{$vo.is_open}" onclick="check_open(this)" _href="{:url('gene/analysis','',false)}?id={$vo.id2}">{$vo.id2}</a>
                        </td>
                        <td>{$vo.name2}</td>
                        <td>{$vo.nation2}</td>
						<td>{$vo.region2}</td>
						<td rowspan='2' class="niandai" hidden><span class="nian"><span>{$vo.cay}</span><span>年</span></span><br/><span>({$vo.generation})代</span></td>
						<td rowspan='2' class="chaodai">
							<img src="__STATIC__/images/home/jiantou5.png" class="jiantoudd" />
							{if condition="$vo.line"}
							<img src="/public/gene/image/{$vo.line.img}" style="height:36px;" class="jiantou_hou" />
							<span class="dynasty">{$vo.line.name}</span>
							{/if}
						</td>
					</tr>
				</tbody>
            </table>
            {/volist}
		</div>

        {/if}
		{if condition="empty($data) && !$loading"}
		<div class="wu_pipei">
			<div class="kong_ear">
				<img src="__STATIC__/img/home/kong.png" class="kong_pic" />
			</div>

			{/if}
			{if condition="empty($data) && !$loading"}
			<div class="wu_pipei">
				<div class="kong_ear">
					<img src="__STATIC__/img/home/kong.png" class="kong_pic" />
				</div>
				<p>非常遗憾，暂未匹配到与您相关的共祖信息，“族内”数据库持续更新中，我们会继续增加更多基因数据为您匹配，请持续关注，敬请期待！</p>
				<span>水始——源千派别 木初同本万枝分(暂无匹配)</span>
			</div>
			{/if}

		</div>
	</div>
	
	<!-- 底部 -->
	<!-- <div class="footer">
		
	</div> -->
</div>

<script src="__STATIC__/js/public/jquery-1.8.3.min.js"></script>
<script>

	var tt = $(".table_ear2 table:nth-child(2) tbody tr td:nth-child(5) span span:first").html()
	console.log(tt)
	if (tt >= 1500) {
		$(".table_ear2 table:nth-child(1)").show()
	}
	if ($(".table_ear2").find("table").length == 0) {
		$(".wu_pipei").show()
	} else {
		$(".wu_pipei").hide()
	}
	var length = $(".table_ear2").find("table").length
	console.log(length)


	//奇偶性设置背景颜色
	// $('.biaogege2:even').css('background', '#EFF3F6');
	// $('.biaogege2:odd').css('background', '#E8E8E8');
	
	// 获取导航栏中的id的值
	var urlid='';	
	function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
	urlid=unescape(r[2]);
    if (r != null) return unescape(r[2]); return null;
    }
	getQueryString('id') // 这里我需要获取url里面的id的值
	console.log("本页面的id为"+urlid);

	/**
	* 继续加载猜您喜欢
	* */
	var before_request = 1; // 上一次请求是否已经有返回来, 有才可以进行下一次请求
	var page = 1;
	function ajax_sourch_submit() {
		if (before_request == 0)// 上一次请求没回来 不进行下一次请求
			return false;
		before_request = 0;
		page++;
		$.ajax({
			type: "get",
			url: "http://jiying.com/index/gene/analysis?id=" + urlid+"&page="+page,
			dataType:"json",
			success: function (data) {
				console.log(data)
				console.log("data的长度："+data.data.length)
				if(data){
					for(var i = 0; i<data.data.length; i++){
					
					let str = '<table frame="void" class="biaogege2">'+
							  '<tbody class="zuijia">'+
							  '<tr>'+
								'<td>'+
									'<a is_open="1" onclick="check_open(this)" _href="/index/gene/analysis?id=9729">'+data.data[i].id2+'</a>'+
								'</td>'+
								'<td>'+data.data[i].name1+'</td>'+
								'<td>'+data.data[i].name2+'</td>'+
								'<td>'+data.data[i].nation1+'</td>'+
								'<td rowspan="2" class="niandai" hidden=""><span class="nian"><span>'+data.data[i].line.name+'</span><span>年</span></span><br><span>('+data.data[i].id2+')代</span></td>'+
								'<td rowspan="2" class="chaodai">'+
									'<img src="/public/static/index/images/home/jiantou5.png" class="jiantoudd">'+
									'<img src="/public/gene/image/'+data.data[i].line.img+'" style="height:36px;" class="jiantou_hou">'+
									'<span class="dynasty">'+data.data[i].line.name+'</span>'+
								'</td>'+
							  '</tr>'+
							  '</tbody>'+
							'</table>'
					$(".table_ear2").append(str);
					$('.biaogege2:even').css('background', '#EFF3F6');
					$('.biaogege2:odd').css('background', '#E8E8E8');
					
					}
				}

			}
		});
		// $.get("{:url('gene/analysis')}",{'id':urlid,'page':page},function(data){
		// 	if(data.status==1){
		// 		before_request = 1;
		// 	}
		// },'json');

	}

	// 滚动条滚动到底部<200px的时候
	$(window).scroll(function () {
    //$(window).scrollTop()这个方法是当前滚动条滚动的距离
    //$(window).height()获取当前窗体的高度
    //$(document).height()获取当前文档的高度
    var bot = 200; //bot是底部距离的高度
    if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
	//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
	//我们需要去异步加载数据了
	// $.getJSON("url", { page: "2" }, function (str) { alert(str); });
		ajax_sourch_submit()
    }
	});
	



</script>