将最新版本的jQuery排入子主题将返回空白屏幕

时间:2017-10-06 作者:Alex Fidel Chen

Wordpress初学者。我创建了一个子主题,并试图将引导程序4放入函数中。php文件。根据我的理解,如果我想正确地将引导程序排队,我需要首先将最新版本的jQuery排队。我认为父主题运行的是较旧版本的jQuery,因为我看到的jQueryUI文件如下core.min.js?ver=1.11.4 在里面wp-includes/js/jquery/ui, 所以我用wp_deregister_script( \'jquery\' ); 然后将最新版本的jQuery排队。我的职能。php代码如下

<?php

function kloe_freelance_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'main-css\', get_stylesheet_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'bootstrap-css\', \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\');
}

add_action( \'wp_enqueue_scripts\', \'kloe_freelance_enqueue_styles\' );

function kloe_freelance_enqueue_scripts(){
    wp_deregister_script( \'jquery\' );
    wp_register_script( \'jquery\', \'https://code.jquery.com/jquery-3.2.1.min.js\');

// popper.js is enqueued because Bootstrap 4 requires it to work. 

wp_enqueue_script(\'popper_js\',\'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js\');
    wp_enqueue_script( \'bootstrap_js\', \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\');

}

add_action( \'wp_enqueue_scripts\', \'kloe_freelance_enqueue_scripts\');

?>
当我运行我的网站时,我会看到一个空白屏幕。根据控制台,我得到了这些错误。

enter image description here

为什么我会得到一个空白屏幕?我想我得到了一个空白屏幕,因为jQuery的最新版本与父主题的js文件不兼容(modules.min.js, like.min.js), 但我不确定。

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

看起来确实存在一些兼容性问题。这里有一个关于堆栈交换的非常类似的情况的答案:

https://stackoverflow.com/questions/37738732/jquery-3-0-url-indexof-error

结束

相关推荐

如何更改我的主题页脚中jQuery的顺序?

在我的功能顶部。php是以下代码:function load_theme_scripts() { // Load stylesheets. wp_enqueue_style(\'bootstrap\', get_template_directory_uri() . \'/css/bootstrap.min.css\', array(), \'3.3.5\'); // Load our main stylesheet. wp_enqueue_style(\'info