Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » jQuery » Как сделать, чтобы кнопка "читать полностью" появлялась только если текста больше 600 символов?

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


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

вопрос
Добрый день. Есть сайт, на нем есть материалы с текстами 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
Юзер

serg91100 - -

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

ravchik
Юзер

ravchik - -

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

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

наверх