
这里介绍一下手机版列表页如果不需要分页能动态加载下一页功能
前面介绍了修改手机版模板栏目页生成静态页,模板中的链接也要修改成手机版静态页
如头部文件代码:wap_head.htm
其中CheckCurrentTypeid
是在include目录下的extend.func.php
中定义的
function CheckCurrentTypeid($typid){
global $tid;
if($typid==$tid){
return ' cur';
}else{
return '';
}
}
这是获取当前栏目导航显示样式不同
列表页代码:list_article.htm
{dede:include file="wap_header.htm"/}
{dede:include filename="wap_footer.htm"/}
这段js代码就是列表页滚动到底部自动加载下一页,加入到列表页head标签里
var stop=true;
var id='{dede:field.typeid/}';
if(id==''){
id=0;
}else{
id=parseInt(id);
}
var page=2;
$(window).scroll(function(){
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop())+100;
if($(document).height() <= totalheight){
if(stop==true){
stop=false;
$.post("/member/ajax_wapload.php",
{
id:id,
p:page
},
function(data,status){
$(".wrap").html($(".wrap").html()+data);
page++;
stop=true;
});
}
}
});
上面调用了ajax,文件目录是/member/ajax_wapload.php
require_once(dirname(__FILE__)."/../include/common.inc.php");
$dsql->safeCheck = false;
$k = isset($k) ? intval($k) : 0;
$p = isset($p) ? intval($p) : 0;
$digg='';
if($p>0){
$p=($p-1)*10;
}else{
$p=0;
}
if($k!=0){
$wstr.=" and a.typeid=" . $k . " ";
}
$sql = "Select a.*,b.typename From #@__archives a left join #@__arctype b on a.typeid=b.id where a.channel=1 " . $wstr . " order by a.id desc limit " . $p . ",10";
$dsql->SetQuery($sql);
$dsql->Execute();
$km=1;
while ($row = $dsql->GetArray())
{
$url=GetOneArchive($row['id']);
$linkurl=str_replace('/wap/html/','/wap/','/wap'.$url['arcurl']);
$digg.='
$digg.='';
$row['litpic']=str_replace('/images/defaultpic.gif','',$row['litpic']);
$img = (empty($row['litpic']) ? "" : "
$digg.= $img;
$digg.= '
'. $row['title'] . '
';$digg.= '
$digg.= ''. $row['click'] . '';
$digg.= '
}
AjaxHead();
echo $digg;
exit();
?>
最终显示效果如图
