Javascript 无法读取属性';fn';Wordpress中未定义的
我试图在Wordpress页面上复制这篇博文。然而,我得到了错误Javascript 无法读取属性';fn';Wordpress中未定义的,javascript,jquery,wordpress,three.js,Javascript,Jquery,Wordpress,Three.js,我试图在Wordpress页面上复制这篇博文。然而,我得到了错误 Uncaught TypeError: Cannot read property 'fn' of undefined at jquery.cube.threejs.min.js?ver=5.5.3:21 这就是我在functions.php中加载必要javascript文件的方式 wp_register_script('threejs', 'https://cdnjs.cloudflare.com/ajax/libs/t
Uncaught TypeError: Cannot read property 'fn' of undefined
at jquery.cube.threejs.min.js?ver=5.5.3:21
这就是我在functions.php中加载必要javascript文件的方式
wp_register_script('threejs', 'https://cdnjs.cloudflare.com/ajax/libs/three.js/r123/three.min.js', array( 'jquery' ));
wp_enqueue_script( 'threejs' );
wp_register_script('cubejs', get_stylesheet_directory_uri() . '/assets/libs/jquery.cube.threejs.min.js',array( 'jquery' ));
wp_enqueue_script( 'cubejs' );
wp_register_script('cubeCode', get_stylesheet_directory_uri() . '/assets/js/cube.js',array( 'jquery' ));
wp_enqueue_script( 'cubeCode' );
而cube.js
文件就是这样
(function($) {
jQuery( document ).ready(function() {
const myCube = jQuery(".cube").cube();
myCube.execute("(U R U' R') (U R U' R') (U R U' R') (U R U' R') (U R U' R') (U R U' R')");
})
})(jQuery);
当我实际检查页面的源代码时,脚本的顺序是正确的
<script type='text/javascript' src='.../wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/three.js/r123/three.min.js?ver=5.5.3' id='threejs-js'></script>
<script type='text/javascript' src='.../assets/libs/jquery.cube.threejs.min.js?ver=5.5.3' id='cubejs-js'></script>
<script type='text/javascript' src='.../assets/js/cube.js?ver=5.5.3' id='cubeCode-js'></script>
Wordpress正在使用旧版本的jQuery。阅读此内容并尝试使用wp_enqueue_脚本
这是一个旧的jquery版本吗?这有用吗?它的默认版本是Wordpress的5.5.3版本。这是Wordpress的版本,但是jQuery的版本是1.12.4,从以wp includes/js/jQuery/jQuery.js结尾的脚本标记可以看出。在演示页面上,只有三个js文件,如下所示:为什么你认为你有4个?
function my_jquery_enqueue() {
wp_deregister_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'my_jquery_enqueue' );