jQuery-Plugin "readmore", kürzen Sie den text, ohne verletzende Worte

Ich bin mit http://rockycode.com/blog/jquery-plugin-readmore/ für trim long text und fügen Sie einen "Siehe auch" - link zu enthüllen alle den text.

Ich würde lieben, Sie zu vermeiden, schneiden Worte, wie konnte ich das tun?

Wenn das limit ist 35, schneiden Sie nicht die w...

aber

Wenn das limit ist 35, schneiden Sie nicht das Wort... (und in diesem Fall, schneiden Sie es auf 38 und dann zeigen Sie den ausgeblendeten text von 39 chtill Ende.

InformationsquelleAutor Santiago | 2011-04-30

  1. 3

    Können Sie ändern Sie die abridge - Funktion innerhalb das plugin wie folgt:

    function abridge(elem) {
  var opts = elem.data("opts");
  var txt = elem.html();
  var len = opts.substr_len;
  var dots = "<span>" + opts.ellipses + "</span>";
  var charAtLen = txt.substr(len, 1);
  while (len < txt.length && !/\s/.test(charAtLen)) {
      len++;
      charAtLen = txt.substr(len, 1);
  }
  var shown = txt.substring(0, len) + dots;
  var hidden = '<span class="hidden" style="display:none;">' + txt.substring(len, txt.length) + '</span>';
  elem.html(shown + hidden);
}

    ...und er wird sich Verhalten, wie Sie es wünschen. Möglicherweise möchten Sie auch eine option, um diese Funktion ein-und ausschalten, aber ich werde verlassen, dass bis zu Ihnen.

    Siehe Beispiel →

    Kanone zu töten Mücken... Aber wenn es funktioniert, es ist in Ordnung
    Ich weiß nicht, ob es ist ein einfacher Weg, es zu tun, aber das funktioniert gut! Dank mVChr

    InformationsquelleAutor mVChr

  2. 7

    Statt dies zu tun:

    $elem.readmore({
  substr_len: 35
});

    Könnten Sie tun, diese

    $elem.readmore({
  substr_len: $elem.text().substr(0, 35).lastIndexOf(" ")
});

    Was wir tun, ist zu gehen, um die neuesten Raum offen vor index 35.
    Natürlich 35 kann variabel sein. Auch könnte man es in eine Funktion wieder zu verwenden.

    Hoffe, das hilft

    InformationsquelleAutor Edgar Villegas Alvarado

  3. 1

    Ich war nur das sammeln von Informationen zu diesem Thema, mit deiner Hilfe und der Hilfe von anderen verwandten posts schrieb ich dies:

    http://jsfiddle.net/KHd6J/526/

    InformationsquelleAutor user954728

Schreibe einen Kommentar