Как разбить текст на куски с помощью jQuery - PullRequest
3 голосов
/ 08 февраля 2011

Я пытаюсь разбить кусок текста на равные части, чтобы я мог сделать пейджинговый плагин для текста. Я хочу иметь возможность применить плагин к контейнеру 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>

Если у меня задана высота для контейнера с переполнением: скрытый, примененный в CSS, у меня возникнут проблемы с поиском точек разделения из-за встроенного содержимого.

В идеале я надеюсь разделить текст на куски, а затем создать навигацию под пейджером под текстовой областью - и все потому, что клиент не любит прокрутку (да, мы все еще находимся на этом этапе в 2011 году).

Любая помощь в том, как подойти к этому, будет высоко оценена.

Я даже подхожу к этому наилучшим образом, пытаясь разделить контент? Очень важно, чтобы в этом контейнере была простая разметка, чтобы я мог добавить the_content () из Wordpress.

1 Ответ

0 голосов
/ 08 февраля 2011

Посмотрите на источник Columnizer Plugin и настройте его под свои нужды.

...