Question

在wordpress中，一个简单的调用用于显示页面内容：

the_content()

我正在尝试开发一个移动优化版本，只会显示部分内容，并且会显示“阅读更多”内容。最后一个链接，它会向下滑动＆＃39;其余内容供用户阅读。

到目前为止，我只能提出这个问题：

$content = get_the_content();
echo substr($content, 0, 200)." <a href='#'>Read more</a>";

但是，我不确定如何展示其余内容，即使最重要的是滑落。

点击链接后，有没有办法可以从substr切换到完整the_content()？

Answer 1

你需要循环遍历将其分成块的全部内容然后，您将需要显示第一个块。该按钮应该允许您使用一个简单的计数器显示下一个块，跟踪下一个块

CSS

.hidden
{
   display: none;
 }

PHP

$content = get_the_content();
///You're going to need some additional checks here for the ending sequence
for($I = 0; $I < str_len($content) / 200; $I++)
{
    echo "<div id='Content" . $I . "' class='hidden'>" . substr($I * 200, ($I + 1) * 200) . "</div>";
}
echo "<a href='#' onclick='DisplayNext();'>Read More</a>";

JS

 var I = 0;
 DisplayNext();
 function DisplayNext()
 {
 ///You should check to make sure the element exists and handle when you ge tto the last element.
 document.getElementById("Content" + I++).style.display = "block";
 }

如何使用substr拆分一个文本块，并阅读更多链接以显示其余部分？

1 个答案: