这个问题已经在这里有了答案:
TypeError:$不是WordPress的功能(11个答案)
2年前关闭。
关于此错误, 有些问题, 但是我找不到关于它们的任何解决方案。我正在开发WordPress主题, 在入队脚本期间出现此错误:
Uncaught TypeError: $ is not a function
at components.js?ver=4.8:65
at components.js?ver=4.8:95
这是我的排队代码添加到functions.php中:
function goc_scripts() {
wp_enqueue_style( 'goc-style', get_stylesheet_uri() );
wp_enqueue_style( 'socicon', get_stylesheet_directory_uri() . '/css/socicon.css', array() );
wp_enqueue_style( 'bootstrap-social', get_stylesheet_directory_uri() . '/css/bootstrap-social.css', array() );
wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css');
wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css');
wp_enqueue_style('simple-line-icons', get_template_directory_uri() . '/css/simple-line-icons.min.css');
wp_enqueue_style('animate', get_template_directory_uri() . '/css/animate.min.css');
wp_enqueue_style('cubeportfolio', get_template_directory_uri() . '/css/cubeportfolio.min.css');
wp_enqueue_style( 'owlcarousel-style', get_template_directory_uri() . '/css/owl.carousel.css' );
wp_enqueue_style( 'fancybox', get_template_directory_uri() . '/css/jquery.fancybox.css' );
wp_enqueue_style( 'goc-slider', get_template_directory_uri() . '/css/slider.css' );
wp_enqueue_style( 'goc-plugins', get_template_directory_uri() . '/css/plugins.css' );
wp_enqueue_style( 'goc-red3', get_template_directory_uri() . '/css/themes/red3.css' );
wp_enqueue_style( 'goc-custom', get_template_directory_uri() . '/css/custom.css' );
wp_enqueue_script( 'goc-jquery-min', get_template_directory_uri() . '/js/jquery.min.js', array(), false, true );
wp_enqueue_script( 'goc-jquery-migrate', get_template_directory_uri() . '/js/jquery-migrate.min.js', array(), false, true );
wp_enqueue_script( 'goc-jquery-easing', get_template_directory_uri() . '/js/jquery.easing.min.js', array(), false, true );
wp_enqueue_script( 'goc-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'goc-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
wp_enqueue_script( 'bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(jquery), true);
// pruebawp_enqueue_script( 'goc-reveal-animate', get_template_directory_uri() . '/js/reveal-animate.js', array(), '4.8', true );
wp_enqueue_script( 'goc-reveal-animate-wow', get_template_directory_uri() . '/js/reveal-animate/wow.js', array(), false, true );
wp_enqueue_script( 'goc-cubeportfolio', get_template_directory_uri() . '/js/cubeportfolio/js/jquery.cubeportfolio.min.js', array(), false, true );
wp_enqueue_script( 'goc-owl-carousel', get_template_directory_uri() . '/js/owl-carousel/owl.carousel.min.js', array(), false, true );
wp_enqueue_script( 'goc-counterup', get_template_directory_uri() . '/js/counterup/jquery.counterup.min.js', array(), false, true );
wp_enqueue_script( 'goc-waypoints', get_template_directory_uri() . '/js/counterup/jquery.waypoints.min.js', array(), false, true );
wp_enqueue_script( 'goc-fancybox', get_template_directory_uri() . '/js/fancybox/jquery.fancybox.pack.js', array(), false, true );
wp_enqueue_script( 'goc-jquery.smooth-scroll', get_template_directory_uri() . '/js/smooth-scroll/jquery.smooth-scroll.js', array(), false, true );
wp_enqueue_script( 'goc-slider', get_template_directory_uri() . '/js/slider-for-bootstrap/js/bootstrap-slider.js', array(jquery), false, true );
wp_enqueue_script( 'goc-component', get_template_directory_uri() . '/js/components.js', array(jquery), '4.8', false );
wp_enqueue_script( 'goc-components', get_template_directory_uri() . '/js/components-shop.js', array(), '4.8', true );
wp_enqueue_script( 'goc-appjs', get_template_directory_uri() . '/js/app.js', array(), false, true );
if ( is_singular() &
&
comments_open() &
&
get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'goc_scripts' );
这是发生错误的代码components.js(第65行和第95行):
var LayoutHeader = function () {
var offset = parseInt($('.c-layout-header').attr('data-minimize-offset') >
0 ? parseInt($('.c-layout-header').attr('data-minimize-offset')) : 0);
var _handleHeaderOnScroll = function () {
if ($(window).scrollTop() >
offset) {
$("body").addClass("c-page-on-scroll");
} else {
$("body").removeClass("c-page-on-scroll");
}
}var _handleTopbarCollapse = function () {
$('.c-layout-header .c-topbar-toggler').on('click', function (e) {
$('.c-layout-header-topbar-collapse').toggleClass("c-topbar-expanded");
});
}return {
//main function to initiate the module
init: function () {
if ($('body').hasClass('c-layout-header-fixed-non-minimized')) {
return;
}_handleHeaderOnScroll();
_handleTopbarCollapse();
$(window).scroll(function () {
_handleHeaderOnScroll();
});
}
};
}();
#1有两种解决方案:
#1
将所有$替换为代码中的jQuery。
#2
或简单的方法。
只需将jQuery作为$的全局变量分配给$, 就像下面的.js文件顶部一样, 所有代码都可以正常工作。
var $ = jQuery;
【WordPress中的” 未捕获的TypeError($不是函数” [重复])】希望这对你有用。
推荐阅读
- 更新WordPress打破自定义WordPress主题
- 前端|HTML 实现扫雷游戏
- 关于active mq 数据目录下db.log暴增占用过多磁盘空间的解决办法
- 准时下班系列!Excel合集之第2集—VBA填充百万行公式,怎么写最快
- #yyds干货盘点#docker经常用到的命令整理
- #yyds干货盘点#Golang 模板(text/template)
- CentOS 6安装pecl提示(-bash pecl: command not found解决方案)
- #yyds干货盘点#Linux学习之Vim编辑器
- windows下WNMP(win/nginx/mysql/PHP)环境phpstorm安装使用xdebug调试插件并配置通过postman调试接口