PHP / JQuery Сократить строку и показать больше на клике

0

У меня есть динамическая страница, которая загружает пользовательский контент из базы данных. Если сообщение пользователя больше 50 символов, я повторяю этот код: $data['string'] = substr($data['string'], 49, 50).$showmore где $showmore = '<a href="#" class="showmore">Show More</a> Все работает до этого момента, я просто не знаю, как изменить значения substr с помощью jQuery, когда нажимается ссылка" Показать больше ". Я обновлю это, если потребуется дополнительная информация.

  • 0
    Используйте Ajax для этого.
  • 0
    Вы имеете в виду что-то вроде этого ? demos.julienrenaux.fr/#/demos/jquery/...
Показать ещё 2 комментария
Теги:

2 ответа

4
Лучший ответ

Если вы выведете весь текст из PHP, вы можете использовать этот скрипт, чтобы сделать что-то интересное.

Сценарий: http://jsfiddle.net/iambriansreed/bjdSF/

jQuery(function(){

    var minimized_elements = $('p.minimize');

    minimized_elements.each(function(){    
        var t = $(this).text();        
        if(t.length < 100) return;

        $(this).html(
            t.slice(0,100)+'<span>... </span><a href="#" class="more">More</a>'+
            '<span style="display:none;">'+ t.slice(100,t.length)+' <a href="#" class="less">Less</a></span>'
        );

    }); 

    $('a.more', minimized_elements).click(function(event){
        event.preventDefault();
        $(this).hide().prev().hide();
        $(this).next().show();        
    });

    $('a.less', minimized_elements).click(function(event){
        event.preventDefault();
        $(this).parent().hide().prev().show().prev().show();    
    });

});

источник

1

Используйте JQuery Shorten Plugin, который легко реализовать, и вот это демо. Почтовый индекс загрузки также содержит образцы.

Надеюсь, поможет

Ещё вопросы

Сообщество Overcoder
Наверх
Меню