От автора: и снова здравствуйте. Позвольте представить вам очередной плагин из разряда must have. Сегодня мы познакомимся с еще одним вариантом плагина jQuery читать далее для обрезки текста до заданного количества символов.
В одной из предыдущих статей мы знакомились с плагином readmore.js, который скрывает часть текста под спойлером. В этой статье мы познакомимся с еще одной вариацией подобного плагина — Succint. Данный плагин jQuery читать далее не прячет текст под кнопку спойлера, а просто обрезает его.
Скачать плагин и ознакомиться с документацией к нему вы можете на официальном сайте или на странице GitHub. Подключим единственный файл плагина jQuery читать далее, который, к слову, весит менее одного килобайта.
|
1 2 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jQuery.succinct.js"></script> |
Теперь нам нужна подопытная статья с достаточно большим объемом текста.
|
1 2 3 4 5 6 |
<article> <h2>Статья 1</h2> <p>Какой-то длинный текст…</p> ... </article> ... |
Осталось вызвать метод succinct() плагина jQuery читать далее, чтобы текст был обрезан до заданной длины:
|
1 2 3 |
$(function(){ $('article').succinct(); }); |
Все просто, не так ли? На этом сегодня все. Исходники к статье вы можете скачать по ссылке. Больше о jQuery и JavaScript вы можете узнать из наших уроков или курса. Удачи!
