个性化阅读
专注于IT技术分析

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

最近, 我将网站转移到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正在加载, 其余未加载。

屏幕截图DOM

请有人可以帮助我弄清楚我刚接触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所需的, 因为否则会丢失添加脚本的位置。

最好, Sebo

赞(0) 打赏
未经允许不得转载:srcmini » WordPress:将function.php放入队列后无法加载javascript
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏