Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как сделать, чтобы кнопка "читать полностью" появлялась только если текста больше 600 символов?

Как сделать, чтобы кнопка "читать полностью" появлялась только если текста больше 600 символов?


     11.04.2016    jQuery, Ламерские вопросы    514

вопрос
Добрый день. Есть сайт, на нем есть материалы с текстами 4000 символов и значительно меньше. Есть страницы где текст еще не написан. Соответственно на тех страницах где нет текста, кнопка лишняя (при нажатии на кнопку, разворачивается полный текст). Собственно, скажите пожалуйста, как сделать, чтобы кнопка "читать полностью" появлялась только если текста больше 600 символов? В интернете ответа не нашел, либо просто руко*оп. Спасибо.

Ответил: ravchik


$(document).ready(function() {    
    $('.story').each(function(){ // story - класс блока с большим текстом
        var review_full = $(this).html();
        var review = review_full;    
        if( review.length > 600 ) {
            review = review.substring(0, 600);
            $(this).html( review + '...<br><a href="#" class="read_more"> показать полностью &rarr;</a>' );
        }
        $(this).append('<div class="full_text" style="display: none;">' + review_full + '</div>');
    });    
    $('.read_more').on('click', function() {
        $(this).parent().html($(this).parent().find('.full_text').html());
        return false;
    });
});

Комментарии пользователей (2)

serg91100
3

241 | 37

serg91100 - 11 апреля 2016 10:25 - Юзер

Не срабатывает. Видимо конфликт скриптов. При клике просто обновляет страницу.

ravchik
66

375 | 123

ravchik - 11 апреля 2016 13:38 - Юзер

покажите сайт

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы