如何使用jQuery将文本拆分为块

时间:2011-02-08 10:13:48

标签: javascript jquery pagination paging pager

我试图将一大块文本拆分成相等的部分,这样我就可以为文本做一个寻呼机插件。我希望能够将插件应用于容器div,而不必像其他一些寻呼机插件那样指定子项;所以它可以用于像Wordpress这样的CMS。

<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>

如果我有一个设置高度为容器溢出:隐藏应用CSS,我找不到由于内容是内联的分裂点。

理想情况下,我希望将文本分成块,然后在文本区域下方创建一个寻呼机导航 - 所有这些都是因为客户不喜欢滚动(是的,我们仍处于2011年的那个阶段)。

非常感谢任何有关如何处理此问题的帮助。

我是否以最好的方式接近这个,希望拆分内容?至关重要的是,该容器中包含简单的标记,因此我可以从Wordpress添加the_content()。

1 个答案:

答案 0 :(得分:0)

查看Columnizer Plugin来源并根据您的需要进行调整。