最近, 我将网站转移到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时做错了什么。谢谢。
#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
推荐阅读
- WordPress –为不同页面加载不同的CSS无法正常工作
- ARouter 在多 module 项目中实战
- ZooKeeper分布式配置——看这篇就够了
- 百度商业托管页系统高可用建设方法和实践
- SimpleDateFormat线程不安全了(这里有5种解决方案)
- 我如何构建复杂的应用程序,逆向工程,文档和google绝对是你的利器!
- # 聊一聊悟空编辑器 #Gin + Swagger快速生成API文档
- 商城秒杀系统分析与设计
- 以太网链路聚合与虚拟路由器冗余协议