28
Мар
2017

Топ плагинов jQuery. Плагин jQuery читать далее для обрезки текста

Топ плагинов jQuery. Плагин jQuery читать далее для обрезки текста

От автора: и снова здравствуйте. Позвольте представить вам очередной плагин из разряда must have. Сегодня мы познакомимся с еще одним вариантом плагина jQuery читать далее для обрезки текста до заданного количества символов.

В одной из предыдущих статей мы знакомились с плагином readmore.js, который скрывает часть текста под спойлером. В этой статье мы познакомимся с еще одной вариацией подобного плагина — Succint. Данный плагин jQuery читать далее не прячет текст под кнопку спойлера, а просто обрезает его.

Скачать плагин и ознакомиться с документацией к нему вы можете на официальном сайте или на странице GitHub. Подключим единственный файл плагина jQuery читать далее, который, к слову, весит менее одного килобайта.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jQuery.succinct.js"></script>

Теперь нам нужна подопытная статья с достаточно большим объемом текста.

<article>
	<h2>Статья 1</h2>
	<p>Какой-то длинный текст…</p>
	...
</article>
...

Топ плагинов jQuery. Плагин jQuery читать далее для обрезки текста

Осталось вызвать метод succinct() плагина jQuery читать далее, чтобы текст был обрезан до заданной длины:

$(function(){
	$('article').succinct();
});

Топ плагинов jQuery. Плагин jQuery читать далее для обрезки текста

Все просто, не так ли? На этом сегодня все. Исходники к статье вы можете скачать по ссылке. Больше о jQuery и JavaScript вы можете узнать из наших уроков или курса. Удачи!

Share

Тебе может это понравится...