Readmore.js 不工作

Question

我最近下载了 readmore.js，但它不起作用。我可能忘记了什么。没有出现阅读更多按钮，显示全文。

这是我在 head 标签中的内容：

<script src="js/jquery-3.1.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Readmore.js/2.2.0/readmore.js"></script>

在正文中：

<div class = "article">     
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ullamcorper sapien eget ante porta eleifend. Aliquam enim velit, suscipit non lorem at, rhoncus sollicitudin arcu. Pellentesque blandit aliquet egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel nisl magna. Mauris in consequat augue, quis vestibulum augue. Maecenas aliquam scelerisque nunc vitae scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam sit amet fermentum arcu. Fusce mollis a augue vel tempus. Etiam aliquet enim et felis congue sodales. Integer sit amet diam nec erat fermentum scelerisque. Phasellus elit sapien, placerat eu mi vitae, convallis pulvinar turpis.
</div>

jquery:

$('.article').readmore();

提前致谢。

Answer 1

您在 <script> 块中的代码似乎有误。

您必须将 $('article') 设为 $('#article') 或 $('.article')（ID 或 class 选择器）

<script>
    $('.article').readmore(); //if you want to use class selector
    $('#article').readmore(); //if you want to use ID selector
</script>

希望对您有所帮助！

Answer 2

此问题与 wordpress 在 $ 快捷方式不起作用的无冲突模式下加载 jquery 有关。尝试用显式 jQuery 替换它，或者以一种将 $ 贴花的方式包装相关代码，如下例

jQuery(document).ready(function ($) {
  $('article').readmore();
});

Answer 3

查看 jquery 迁移插件。这对我有帮助。兼容性似乎有问题。 https://code.jquery.com/jquery-migrate-1.4.1.js 或者尝试不同的 jquery 版本，看看是否有帮助。 :)

Readmore.js 不工作

Readmore.js is not working

html

jquery

plugins

expand

button