利用jQuery与PHP怎么对发布的内容进行无刷新分页-创新互联

这篇文章给大家介绍利用jQuery与PHP怎么对发布的内容进行无刷新分页，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

成都创新互联长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为平邑企业提供专业的成都做网站、网站建设，平邑网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

Fckeditor编辑器有一个插入分页符的功能按钮，点击该按钮，将会在内容区插入一条分页符，如下图红色框标注：

利用jQuery与PHP怎么对发布的内容进行无刷新分页

分页符对应生成的html代码是：

我们实际应用情况是这样的：后台通过Fckeditor编辑器发布的内容，提交到数据库，前台通过PHP链接数据库获取发布的内容，然后将长内容进行分割，并进行分页。
PHP
PHP将内容分割的方法如下：

function pageBreak($content){ 
 $content = $content; 
 $pattern = "/ 
<\/span><\/div>/"; 
 $strSplit = preg_split($pattern, $content, -1, PREG_SPLIT_NO_EMPTY); 
 $count = count($strSplit); 
 $outStr = ""; 
 $i  = 1; 
 
 if ($count > 1 ) { 
  $outStr = ""; 
  foreach($strSplit as $value) { 
   if ($i <= 1) { 
    $outStr .= "$value

#page_break {} #page_break .collapse {display: none;} #page_break .num {padding: 10px 0;text-align: center;} #page_break .num li{display: inline; margin: 0 2px;padding: 3px 5px;border:1px solid #abcee4; background-color: #fff;color: #369;text-align: center;cursor: pointer;overflow: hidden;} #page_break .num li.on{background-color: #369;color: #fff;font-weight: bold;}

$(function(){ $('#page_break .num li:first').addClass('on'); $('#page_break .num li').click(function(){ //隐藏所有页内容 $("#page_break div[id^='page_']").hide(); //显示当前页内容。 if ($(this).hasClass('on')) { $('#page_break #page_' + $(this).text()).show(); } else { $('#page_break .num li').removeClass('on'); $(this).addClass('on'); $('#page_break #page_' + $(this).text()).fadeIn('normal'); } }); });

大橙子网站建设，新征程启航

利用jQuery与PHP怎么对发布的内容进行无刷新分页-创新互联

其他资讯