Топ плагинов 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 вы можете узнать из наших уроков или курса. Удачи!

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

JavaScript&jQuery с нуля до профи

Пройдите пошаговый видеокурс по JavaScript&jQuery

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree