在编写WordPress主题中,如果第三方提供的HTML/JS/CSS文章中,包含了很多.js文件,在引入这些JavaScript文件过程中会这样那样的错误,比如什么“$ is not a function”之类的,这时候可以通过以下方式来一一排查。

 

1.正确在functions.php中引入jquery

在WordPress中jQuery文件是系统自带的,所以即便主题文件中有jquery.js文件,也无需特意用路径的方式引入,只需要添加这行代码就好:

wp_enqueue_script('jquery');

 

2.确保其他的JavaScript文件,都先引入了jquery文件。

所谓‘其他的JavaScript文件’是指第三方的文件,比如幻灯片JavaScript文件、弹出框JavaScript文件等,这些文件都需要先确保jquery文件加载完毕后,才能争取执行,所以先‘先加载jquery文件,然后执行xxx.js文件’的方式是:

 

wp_enqueue_script( 'xxx', get_template_directory_uri() . '/js/xxx.js', array('jquery'));

 

 

 

3.如果你自己编写了JavaScript文件,那么在你的文件开头和结尾,用以下代码包裹起来:

jQuery(document).ready(function($) {
//你的代码
});

 

 

4.如果还是出现’$ is not a function’的问题,估计就是有冲突了,可以在出现冲突的文件顶部加以下代码:

 

var $ = jQuery.noConflict();

 

 

 

专业网站开发网页设计公司

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo