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

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


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

вопрос
Добрый день. Есть сайт, на нем есть материалы с текстами 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 - 11 апреля 2016 10:25 -

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

ravchik
Юзер

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

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

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

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

наверх