Від автора: і знову здрастуйте. Дозвольте представити вам черговий плагін з розряду must have. Сьогодні ми познайомимося з ще одним варіантом плагін jQuery читати далі для обрізання тексту до заданої кількості символів.
В одній з попередніх статей ми знайомилися з плагіном readmore.js, який приховує частину тексту під спойлером. У цій статті ми познайомимося з ще однією варіацією такого плагіна — Succint. Даний плагін jQuery читати далі не ховає текст під кнопку спойлера, а просто обрізає.
Завантажити плагін та ознайомитися з документацією до нього ви можете на офіційному сайті або на сторінці GitHub. Підключимо єдиний файл плагіна jQuery читати далі, який, до речі, важить менше одного кілобайта.
Тепер нам потрібна піддослідна стаття з досить великим обсягом тексту.
Стаття 1
Якийсь довгий текст…
…
…
Залишилося викликати метод succinct() плагін jQuery читати далі, щоб текст був обрізаний до заданої довжини:
$(function(){
$(‘article’).succinct();
});
Все просто, чи не так? На цьому сьогодні все. Вихідні коди до статті ви можете завантажити за посиланням. Більше про jQuery і JavaScript ви можете дізнатися з наших уроків або курсу. Удачі!
