jQuery dotdotdot阅读更多

Question

我试图使用jQuery插件dotdotdot添加省略号和＆amp; a＆＃34;阅读更多＆＃34;链接到一大块文本。但是，通过添加读取更多内容的建议方式，在预览消失之前，整个文本块将附加到预览的末尾。我觉得这会让动作看起来很笨重，因为文本会出现，然后转移以消除重复的文本。有什么方法可以解决这个问题吗？

例如

This is a long sentence that ... READ MORE

This is a long sentence that ... READ MORE This is a long sentence that gets cut off.

目前我的代码是这样的：

    $("a.read-more").click(function() {
      var content = $(".summary").triggerHandler("originalContent");
      $(".summary").append(content);
      $("a.read-less").show();
})

谢谢！

Answer 1

您可以在追加内容之前尝试隐藏“阅读更多”。

$("a.read-more").click(function() {
      var content = $(".summary").triggerHandler("originalContent");
      $(this).hide();
      $(".summary").append(content);
      $("a.read-less").show();
});