最近, 我将网站转移到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' );
?>
$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' );
?>
$theme_name_images = get_bloginfo('stylesheet_directory') . '/img/';
?>
#2
你的主题模板中是否调用了wp_footer挂钩?
wp_footer();
它通常位于主题footer.php中, 这是WordPress wp_enqueue_script所需的, 因为否则会丢失添加脚本的位置。
最好, Sebo