Wie füge ich am Ende eines Absatzes einen Link mehr lesen hinzu?

8

Ich versuche, einen Link hinzuzufügen, um mehr Text am Ende eines Absatzes zu lesen. Ich möchte, dass dieser Link am Ende des Absatzes so angezeigt wird:

Ich möchte, dass der Absatz mit dem ... und dem Link zum Weiterlesen verknüpft wird.

Im Moment möchte ich nicht, dass der Link lese mehr tut, da ich meine eigene Funktion hinzufügen werde, sobald ich den Link an Ort und Stelle habe. Ich bin gerade dabei, einen Weg zu finden, den Link so aussehen zu lassen.

Ich habe mir das folgende jquery-Skript angeschaut, allerdings scheint dies bei einer Zeichenzählung zu funktionieren und schneidet das letzte Wort an der Zeichengrenze ab und zeigt dann nicht wie ich es möchte (der Link erscheint unten) der Paragraph). Es enthält auch bereits eine Funktion für das, was passiert, wenn der Link angeklickt wird, was aufgrund meiner mangelnden Fähigkeiten mit jQuery beim Editieren nicht gelungen ist.

%Vor%

Muss ich überhaupt jQuery verwenden, um das Ergebnis zu erhalten, nach dem ich suche? Kann dies mit CSS alleine gemacht werden? Ich schreibe jQuery überhaupt nicht, also bin ich etwas verloren.

Jede Hilfe oder Hinweise, wo ich damit hingehen kann, wären sehr willkommen.

Bearbeitet, um HTML-Markup hinzuzufügen

%Vor%

Der fragliche Absatz ist .customer_experience .

    
Richard Bell 17.04.2013, 11:11
quelle

5 Antworten

15

Ich hoffe, der folgende wird Ihnen helfen.

Ссылка

%Vor%     
vinothini 17.04.2013, 11:31
quelle
3

Zum Abschneiden von Absätzen. Dieses Skript überprüft die Anzahl der Absätze, nicht die Anzahl der Wörter.

JS (mit Jquery)

%Vor%

HTML

%Vor%

Beispiel Ссылка

    
S.Visser 17.04.2013 11:36
quelle
2

Sie können Leerzeichen mit etwas wie folgt schneiden:

%Vor%     
lordvlad 17.04.2013 11:20
quelle
1

Ich habe eine Websuche gemacht und dieses Plugin gefunden: Ссылка .

Ich denke, das beantwortet deine Frage nicht wirklich, sondern weist nur auf eine mögliche Lösung hin. Es scheint, dass dieses Plugin Ihnen erlaubt, das zu tun, was Sie wollen: Schneiden Sie den Text ab, wenn er einen Container mit fester Höhe überschreitet, fügen Sie einen "mehr lesen" -Link hinzu und binden Sie Ihre eigene benutzerdefinierte Funktion an den "mehr lesen" -Link.

    
Derek S. Henderson 17.04.2013 11:47
quelle
0

Sie können die Lösung hier finden:

Verwandte Frage

Dieser Link wird Ihnen nützlich sein:

CSS-Lösung

    
Itay Gal 17.04.2013 11:17
quelle

Tags und Links