文章前言-上一篇、下一篇的定义>FQI七七世界-网站建设|UI设计|人资系统|二次开发
分为两种:FQI七七世界-网站建设|UI设计|人资系统|二次开发
上一篇是当前文章的上一篇文章,即前一篇。FQI七七世界-网站建设|UI设计|人资系统|二次开发
下一篇是当前文章的下一篇文章,即后一篇。FQI七七世界-网站建设|UI设计|人资系统|二次开发
问题描述:我们在实施内容页模板的时候,根据需要有时候需要用到上一篇和下一篇,那么应该如何调用呢?FQI七七世界-网站建设|UI设计|人资系统|二次开发
问题分析:针对此问题,很明显需要动态调用;FQI七七世界-网站建设|UI设计|人资系统|二次开发
解决方案一:FQI七七世界-网站建设|UI设计|人资系统|二次开发
js实现,附代码如下:FQI七七世界-网站建设|UI设计|人资系统|二次开发
<div id="preAndNext"></div>FQI七七世界-网站建设|UI设计|人资系统|二次开发
<script type="text/javascript">FQI七七世界-网站建设|UI设计|人资系统|二次开发
$(function(){FQI七七世界-网站建设|UI设计|人资系统|二次开发
$.ajax({FQI七七世界-网站建设|UI设计|人资系统|二次开发
dataType: "json",FQI七七世界-网站建设|UI设计|人资系统|二次开发
url: "/intertidwebapp/document/getPrevAndNextDocuments",FQI七七世界-网站建设|UI设计|人资系统|二次开发
data: {FQI七七世界-网站建设|UI设计|人资系统|二次开发
id: <@cms_document field="id" />,FQI七七世界-网站建设|UI设计|人资系统|二次开发
organId: <@cms_channel id="owner" field="id" />,FQI七七世界-网站建设|UI设计|人资系统|二次开发
typeId: 1FQI七七世界-网站建设|UI设计|人资系统|二次开发
},FQI七七世界-网站建设|UI设计|人资系统|二次开发
success: function(result) {FQI七七世界-网站建设|UI设计|人资系统|二次开发
if (!result || typeof result != 'object');FQI七七世界-网站建设|UI设计|人资系统|二次开发
var obj=eval("("+result+")");FQI七七世界-网站建设|UI设计|人资系统|二次开发
prevHtml = '<a href="' + obj.prev.url + '" target="_blank" title="' + obj.prev.title + '">' + obj.prev.title + '</a>';FQI七七世界-网站建设|UI设计|人资系统|二次开发
alert(prevHtml);FQI七七世界-网站建设|UI设计|人资系统|二次开发
nextHtml = '<a href="' + obj.next.url + '" target="_blank" title="' + obj.next.title + '">' + obj.next.title + '</a>'; FQI七七世界-网站建设|UI设计|人资系统|二次开发
if(prevHtml && nextHtml) {FQI七七世界-网站建设|UI设计|人资系统|二次开发
$('#preAndNext').html('<ul><li>上一篇:' + prevHtml + '</li><li>下一篇:' + nextHtml + '</li></ul>');FQI七七世界-网站建设|UI设计|人资系统|二次开发
} else if(prevHtml) {FQI七七世界-网站建设|UI设计|人资系统|二次开发
$('#preAndNext').html('<ul><li>上一篇:' + prevHtml + '</li></ul>');FQI七七世界-网站建设|UI设计|人资系统|二次开发
} else if(nextHtml) {FQI七七世界-网站建设|UI设计|人资系统|二次开发
$('#preAndNext').html('<ul><li>下一篇:' + nextHtml + '</li></ul>');FQI七七世界-网站建设|UI设计|人资系统|二次开发
} FQI七七世界-网站建设|UI设计|人资系统|二次开发
}FQI七七世界-网站建设|UI设计|人资系统|二次开发
});FQI七七世界-网站建设|UI设计|人资系统|二次开发
});FQI七七世界-网站建设|UI设计|人资系统|二次开发
</script>FQI七七世界-网站建设|UI设计|人资系统|二次开发