Javascript ReadmoreJS-CodePen不输出任何内容

我正在读这本书，我很高兴能在CodePen上试一试。然而，当我阅读网站上的说明并在CodePen上实现一些代码时，它根本不起作用。这里有一个指向我的链接，可以查看代码。在JS选项卡中，我确保将jQuery作为第一个脚本，将ReadmoreJS作为依赖项

以下是我的代码笔中的一些代码片段：

HTML

---

正如您所见，我针对的是每一篇

文章

标记，但它似乎不起作用。也没有控制台错误。有人知道我可能遗漏了什么吗？

这个问题是因为插件设置的默认折叠高度是200px：在您的CodePen示例中，

的高度，使用更长的文本，或者缩小
元素的宽度，以查看插件的工作情况

此外，您可能希望将
文章{overflow:hidden；}
添加到样式表中，以确保多余的内容被很好地隐藏起来

<article>Lorem ipsum and all that jazz...</article>

$('article').readmore();