Question

我与readmore jQuery plugin合作，在我的文字中添加越来越少的内容，如下所示：

JS：

$('.more').readmore({
  speed: 75,
  lessLink: '<a href="#">Read less</a>'
});

HTML：

<div class="more">AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA </div>

但是在行动中不适合我！？我怎么能解决这个问题？

DEMO FIDDLE

Answer 1

由于几个原因，你的小提琴不起作用。

你从未加载过jQuery。 Readmore是一个jQuery插件，因此它需要jQuery才能工作。你应该加载一个jQuery版本1.9.1。或更大以获得最佳支持。
readmore.min.js未正确加载。您作为资源添加的URL缺少http协议。您还应该确保在Readmore.js之前加载jQuery。
你的文字太短，不会被截断。默认情况下，插件将截断html元素，如果它高于200px。在宽屏显示器上，您的文本将被拉伸，因此其高度将小于200px，并且不需要截断。

这是一个工作小提琴。

http://jsfiddle.net/x9frr7ov/

jQuery读取更多功能不起作用

1 个答案: