How to use Readmore.js?

时间:2015-11-09 作者:armin

我正在尝试使用Readmore.js 对于WooCommerce类别描述,“阅读更多/关闭”功能。我将JavaScript排队并添加$(\'article\').readmore(); 在“插入页眉和页脚”插件中,但当页面加载时,控制台中会出现以下错误:

Uncaught TypeError: $ is not a function
   (anonymous function) @ (index):205
   j @ jquery.js:2
   k.fireWith @ jquery.js:2
   m.extend.ready @ jquery.js:2
   J @ jquery.js:2
我哪里出错了?在WordPress中使用这个JS文件的正确方法是什么?

我知道如何在一个简单的HTML页面中使用它,但在WordPress中,它看起来是一个不同的故事。

1 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

这个问题与wordpress在noconflict模式下加载jquery有关,在这种模式下$快捷方式不起作用。尝试用显式jQuery替换它,或者以一种类似于下面示例中标记$的方式包装相关代码

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