WordPress站点出现$(document).ready is not a function错误提示怎么办？

boke112百科启用YIA主题后，想要实现某段文字的收缩和展开功能，但是在添加一段$(document).ready代码时不起作用，通过检查发现该段代码出现$(document).ready is not a function错误提示，应该怎么解决呢？具体添加的代码如下：

<script type="text/javascript">
$(document).ready(function(a){a(".collapseButton").click(function(){a(this).parent().parent().find(".xContent").slideToggle("fast")})})
</script>

经过检查，WordPress站点在文件头header.php中就已经正确引入了jQuery.js，后来才知道原来是$符号在某些情况下可能被其它库所占用。知道原因后解决起来就简单了，只需要将$符号替换为jQuery即可。替换后的代码如下：

<script type="text/javascript">
jQuery(document).ready(function(a){a(".collapseButton").click(function(){a(this).parent().parent().find(".xContent").slideToggle("fast")})})
</script>

经过强制刷新网页后，发现修改后的代码已经生效了。

至此，我们已经解决了WordPress站点出现$(document).ready is not a function的错误。

另外，我们还可以将这个代码整合到所使用主题的某个.js文件中，目前boke112百科就是将这个代码整合到YIA主题自带的main.js文件中。

本文地址：https://boke112.com/post/11590.html