如何使用jQuery将文本分成块

4

我正在尝试将一段文本分成相等的部分,以便为文本创建分页插件。我希望能够将插件应用于容器div,而无需像其他分页插件那样指定子元素; 因此它可以与CMS(如WordPress)一起使用。

<div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

到目前为止我找到的所有插件都使用子节点来分割内容,例如:

<div class="container">
<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

如果我对容器设置了固定高度,并且应用了overflow:hidden的CSS,由于内容是内联的,我很难找到分割点。

理想情况下,我希望将文本分成块,然后在文本区域下面创建一个分页导航 - 这一切都是因为客户不喜欢滚动(是的,在2011年我们仍然停留在这个阶段)。

如果有任何关于如何处理此问题的帮助将不胜感激。

我是否正在以最佳方式处理此问题,试图拆分内容?这个容器必须具有简单的标记,以便我可以从WordPress中添加the_content()。


你是不是指的是wordwrap - Shrinath
1个回答

0

列分页器挺好的选择。我可以在容器内部进行拆分,然后滚动或分页显示。太棒了,谢谢! - benpalmer

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接