锐客网

  1. 首页 > 睿知 > it技术 > >

WordPress（将function.php放入队列后无法加载javascript）

WordPress网站开发IT知识问答javascriptphp

最近, 我将网站转移到wordpress上, 同时通过功能php将javascripts放入wordpress页脚中, 但未在浏览器中加载。
我的function.php代码：

function NewBiz_scripts() {wp_enqueue_style( 'style', get_stylesheet_uri() ); wp_enqueue_script( 'script', get_template_directory_uri() . '/js/main.js', array ('jquery'), NULL , true); wp_enqueue_style( 'animate', get_template_directory_uri() . '/lib/animate/animate.css' ); wp_enqueue_style( 'animate-min', get_template_directory_uri() . '/lib/animate/animate.min.css' ); wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.css' ); wp_enqueue_style( 'bootstrap.min', get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.min.css' ); wp_enqueue_script('bootstrap-js-bundle' . get_template_directory_uri() . '/lib/bootstrap/js/bootstrap.bundle.min.js', array(), NULL, true); wp_enqueue_script('bootstrap-js-min' . get_stylesheet_uri() . '/lib/bootstrap/js/bootstrap.min.js', NULL, true); wp_enqueue_script('counterup' . get_template_directory_uri() . '/lib/counterup/counterup.js', NULL, NULL , true); wp_enqueue_script('easing' . get_template_directory_uri() . '/lib/easing/easing.js', NULL, NULL , true); wp_enqueue_script('easing.min' . get_template_directory_uri() . '/lib/easing/easing.min.js' , NULL, NULL , true); wp_enqueue_style ('font-awesome' . get_template_directory_uri() . '/lib/font-awesome/css/font-awesome.css'); wp_enqueue_style ('font-awesome.min'. get_template_directory_uri() . '/lib/font-awesome/css/font-awesome.min.css'); wp_enqueue_style ('ionicons' . get_template_directory_uri() . '/lib/ionicons/css/ionicons.css'); wp_enqueue_style ('ionicons.min' . get_template_directory_uri() . '/lib/ionicons/css/ionicons.min.css'); wp_enqueue_script('mobile-nav' . get_template_directory_uri () . '/lib/mobile-nav/mobile-nav.js', NULL, NULL , true); wp_enqueue_script('jquery' . get_template_directory_uri() . '/lib/jquery/jquery.min.js', array () , NULL , NULL , true ); wp_enqueue_script('jquery_migrate' . get_template_directory_uri() . '/lib/jquery/jquery-migrate.min.js', array() , NULL , NULL , true ); }add_action( 'wp_enqueue_scripts', 'NewBiz_scripts' ); ?> < ?php $theme_name_images = get_bloginfo('stylesheet_directory') . '/img/'; ?>

只有main.js正在加载, 其余未加载。
WordPress（将function.php放入队列后无法加载javascript）

文章图片
请有人可以帮助我弄清楚我刚接触Wordpress时做错了什么。谢谢。
#1 jQuery已经在WordPress中, 因此你无需再次添加jQuery, 并且如果你包括缩小版.min, 则无需包括完整版。我已经评论了重复的文件。你还添加了一个错误队列。而不是, 我已经编辑了你的代码, 请尝试使用此代码。它应该工作。
function NewBiz_scripts() {wp_enqueue_style( 'style', get_stylesheet_uri() ); wp_enqueue_script( 'script', get_template_directory_uri() . '/js/main.js', array ('jquery'), NULL , true); //wp_enqueue_style( 'animate', get_template_directory_uri() . '/lib/animate/animate.css' ); wp_enqueue_style( 'animate-min', get_template_directory_uri() . '/lib/animate/animate.min.css' ); //wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.css' ); wp_enqueue_style( 'bootstrap-min', get_template_directory_uri() . '/lib/bootstrap/css/bootstrap.min.css' ); wp_enqueue_script('bootstrap-js-bundle', get_template_directory_uri() . '/lib/bootstrap/js/bootstrap.bundle.min.js', array ('jquery'), NULL, true); //wp_enqueue_script('bootstrap-js-min', get_template_directory_uri() . '/lib/bootstrap/js/bootstrap.min.js', array ('jquery'), true); wp_enqueue_script('counterup', get_template_directory_uri() . '/lib/counterup/counterup.js', array ('jquery'), NULL , true); wp_enqueue_script('easing', get_template_directory_uri() . '/lib/easing/easing.js', array ('jquery'), NULL , true); wp_enqueue_script('easing-min', get_template_directory_uri() . '/lib/easing/easing.min.js' , array ('jquery'), NULL , true); //wp_enqueue_style ('font-awesome', get_template_directory_uri() . '/lib/font-awesome/css/font-awesome.css'); wp_enqueue_style ('font-awesome-min', get_template_directory_uri() . '/lib/font-awesome/css/font-awesome.min.css'); //wp_enqueue_style ('ionicons', get_template_directory_uri() . '/lib/ionicons/css/ionicons.css'); wp_enqueue_style ('ionicons-min', get_template_directory_uri() . '/lib/ionicons/css/ionicons.min.css'); wp_enqueue_script('mobile-nav', get_template_directory_uri () . '/lib/mobile-nav/mobile-nav.js', array ('jquery'), NULL , true); //wp_enqueue_script('jquery', get_template_directory_uri() . '/lib/jquery/jquery.min.js', array () , NULL , NULL , true ); //wp_enqueue_script('jquery_migrate' . get_template_directory_uri() . '/lib/jquery/jquery-migrate.min.js', array() , NULL , NULL , true ); }add_action( 'wp_enqueue_scripts', 'NewBiz_scripts' ); ?> < ?php $theme_name_images = get_bloginfo('stylesheet_directory') . '/img/'; ?>

#2 你的主题模板中是否调用了wp_footer挂钩？
wp_footer();

它通常位于主题footer.php中, 这是WordPress wp_enqueue_script所需的, 因为否则会丢失添加脚本的位置。
【WordPress（将function.php放入队列后无法加载javascript）】最好, Sebo

    推荐阅读


    上一篇：ARouter 在多 module 项目中实战

    下一篇：WordPress –为不同页面加载不同的CSS无法正常工作