内容页模板调用上一篇下一篇的解决方法

2018-03-31

文章前言-上一篇、下一篇的定义>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设计|人资系统|二次开发

本文关键词:上一篇  下一篇