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或类选择器）

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

希望这有帮助！

Answer 2

问题与noconflict模式中的wordpress加载jquery有关，其中$快捷方式不起作用。尝试用一个显式的jQuery替换它，或以一种方式包装相关的代码，这将在下面的例子中使用decalre $

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

Answer 3

查看jquery迁移插件。它对我的情况有帮助。似乎兼容性有问题。 https://code.jquery.com/jquery-migrate-1.4.1.js 或者使用不同的jquery版本，看看它是否有帮助。：）

Readmore.js不起作用

3 个答案: