<div class="bd pic_1_list tab-cont">
{qb:tag name="wap_indexbody5" type="bdzx" id="rs" order="rand()" rows="12"}
				<ul>
			
				
				 <li><a href="{$rs.url}">
						<img src="{$rs.picurl}" class="pic" alt="" />						
						<h3>{$rs.title}</h3>
						<p class="p_l_r clearfix"><span class="left">05-06 15:38</span><span class="right">人气：{$rs.view}</span></p>
					</a></li>
                				</ul>{/qb:tag}
				<a class="btn" onclick="ShowMoreInfo()">查看更多</a>
					<script type="text/javascript">
var morepage = 1;
function ShowMoreInfo(){	
	morepage++;	
	$.get('{qb:url name="wap_indexbody5" /}'+morepage,function(res){
		if(res.code==0){
			if(res.data==''){
				layer.msg("已经显示完了！",{time:500});
			}else{		
				$('.bd').append(res.data);
			}
		}else{
			layer.msg(res.msg,{time:2500});
		}
	});
}
</script>
			</div>

以上代码已经能实现点击显示更多了但是有点小问题（问题请看图）请问要如何解决？

<a class="btn" onclick="ShowMoreInfo()">查看更多</a>，中的查看更多的位置是由什么控制？？

正常情况下查看更多要在最后面