Question

我需要帮助...... 我有一些文字的帖子 “blablablabalbalbalablala ...阅读更多” 当我点击阅读更多时，我看到整个帖子，使用此代码

$(function(){ 
 $('.news').each(function(event){ 
    var max_length = 450; 
    if($(this).html().length > max_length){ 
            var short_content   = $(this).html().substr(0,max_length); 
            var long_content    = $(this).html().substr(max_length);
    $(this).html(short_content+'<a href="#" class="read_more" style="float:right; margin:20px 40px 0 0;"><br/>Read More</a>'+ '<span class="more_text" style="display:none;">'+long_content); 
    $(this).find('a.read_more').click(function(event){
        event.preventDefault(); 
    $(this).hide();
    $(this).parents('.news').find('.more_text').show(); 
    });  
    }
    }); 
});

工作正常，但是，如何添加Read less按钮，所以当我点击它时，我将回到之前的位置......？

新来的对不起...... 好的，我有

<div class="news"> some text some text some text some text some text some text </div>

并且在我的jquery代码中读取更多...所以我不知道如何添加Read Less ...？：）

Answer 1

我必须稍微修改你的代码，看看here

我添加了另一个按钮（Read Less），它将.news标记的innerHTML更改为short_content值

$('a.read_less').click(function(event) {
                event.preventDefault();
                $(me).html(short_content);
                $(this).hide();
                $('a.read_more').show();
});

如何创建“少阅读”链接按钮以显示较少的文本

1 个答案: