Wie Sie abgeschnitten text onclick, indem Sie mit dotdotdot?

Ich bin mit der jQuery dotdotdot abschneiden plugin dotdotdot.frebsite.nl

Will ich abschneiden bei max 2 Zeilen. Und wenn ein Benutzer klickt auf more ist, dann muss Sie zeigen den vollständigen text (erweitern/de-truncate).

So weit, dass ich "nur" verwalten von abschneiden, mein text. Aber nicht zu "de-truncate" es.

Hier ist mein code:

<p class="truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae tellus eu dui placerat interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a class="read-more" href="#">more</a></p>

$(document).ready(function(){

    $('.truncate').dotdotdot({
        ellipsis     : '… ',
        watch        : true,
        wrap         : 'letter',
        height       : parseInt( $('.truncate').css('line-height'), 10) * 2, //this is the number of lines
        lastCharacter: {
            remove: [ ' ', ',', ';', '.', '!', '?' ],
            noEllipsis: []
        },
        after: "a.read-more"
    });


});

Live-demo jsfiddle.net/NSnxe/1

  • Was ist Ihre Frage?
  • Wenn ein Benutzer klickt auf "mehr", möchte ich den vollständigen text zu erweitern und zu 'de-truncate'.
  • Beachten Sie, dass die Werte, die Sie für lastCharacter option sind die gleichen wie die Standardeinstellungen. Daher ist dieser Teil des Codes ist unerheblich.
  • mögliche Duplikate von Lesen Sie Mehr Lesen und Weniger mit dotdotdot jQuery
  • Ich habe eine vollständige Antwort auf die gleiche Frage auf stackoverflow.com/questions/25187774/...
InformationsquelleAutor cusejuice | 2013-09-25
  1. 6

    Senden Sie eine destruktions-Nachricht zu dotdotdot

    $('a.read-more').on( 'click', function(event) {
    event.preventDefault();
    $(this).parent().trigger("destroy");
});

    http://jsfiddle.net/bhlaird/C5Ent/

    • Ich habe nicht 32, aber es scheint zu funktionieren gut in der 33. Welches Verhalten sehen Sie?
    • Ah ich nehme es zurück. Muss nur mein browser oder mein Gehirn. Sieht gut aus jetzt.
    • im Zusammenhang github.com/BeSite/jQuery.dotdotdot/issues/18
    InformationsquelleAutor Barbara Laird
Schreibe einen Kommentar