Question

我在functions.php中注册了以下脚本：

function jpmscripts() {
wp_register_script( 'adin-slider', get_template_directory_uri() . '/inc/js/adin-slider.js', array('jquery') );
 wp_register_script( 'waypoints', get_template_directory_uri() . '/inc/js/jquery.waypoints.min.js', array('jquery') );
 wp_register_script( 'skrollr', get_template_directory_uri() . '/inc/js/skrollr.min.js', array('jquery') );
 wp_register_script( 'hammer', get_template_directory_uri() . '/inc/js/hammer.min.js', array('jquery') );
 wp_register_script( 'jquery-hammer', get_template_directory_uri() . '/inc/js/jquery.hammer.js', array('jquery') );
 wp_register_script( 'imagesloaded', get_template_directory_uri() . '/inc/js/imagesloaded.js', array('jquery') );
 wp_register_script( 'jpm-home-js', get_template_directory_uri() . '/inc/js/jpm-home.js', array('jquery') );
 wp_register_script( 'jpm-first-js', get_template_directory_uri() . '/inc/js/jpm-first.js', array('jquery') );
 wp_register_style( 'jpm-home-css', get_template_directory_uri() . '/inc/css/jpm-home.css');
 wp_register_style( 'jpm-first-css', get_template_directory_uri() . '/inc/css/jpm-first.css');
} 
add_action( 'wp_enqueue_scripts', 'jpmscripts' );

我已经在我的主题中创建了一个模板文件，然后我想调用我的样式和脚本。我做

<?php
/*
Template Name: first
*/
?>
<?php
/**
 * The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*/

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php wp_head(); ?>
<?php

 wp_enqueue_style( 'sparkling-bootstrap');
 wp_enqueue_style( 'jpm-home-css' );
 wp_enqueue_script( 'imagesloaded' );
 echo "string";
?>
</head>
<body>
<div id="loading" class="loading">
 ...

但没有加载。任何样式任何脚本.... 请帮助我......我变得疯狂

Answer 1

你注册他们，但不是入队他们......这是两件不同的事情。

您可以简单地使用wp_enqueue_script来简化所有操作，如果您没有明确地执行，则会自动注册脚本，而wp_enqueue_style用于样式：

function jpmscripts() {
    // Scripts
    wp_enqueue_script( 'adin-slider', get_template_directory_uri() . '/inc/js/adin-slider.js', array('jquery') );
    wp_enqueue_script( 'waypoints', get_template_directory_uri() . '/inc/js/jquery.waypoints.min.js', array('jquery') );
    wp_enqueue_script( 'skrollr', get_template_directory_uri() . '/inc/js/skrollr.min.js', array('jquery') );
    wp_enqueue_script( 'hammer', get_template_directory_uri() . '/inc/js/hammer.min.js', array('jquery') );
    wp_enqueue_script( 'jquery-hammer', get_template_directory_uri() . '/inc/js/jquery.hammer.js', array('jquery') );
    wp_enqueue_script( 'imagesloaded', get_template_directory_uri() . '/inc/js/imagesloaded.js', array('jquery') );
    wp_enqueue_script( 'jpm-home-js', get_template_directory_uri() . '/inc/js/jpm-home.js', array('jquery') );
    wp_enqueue_script( 'jpm-first-js', get_template_directory_uri() . '/inc/js/jpm-first.js', array('jquery') );

    // Styles
    wp_enqueue_style( 'jpm-home-css', get_template_directory_uri() . '/inc/css/jpm-home.css');
    wp_enqueue_style( 'jpm-first-css', get_template_directory_uri() . '/inc/css/jpm-first.css');
} 
add_action( 'wp_enqueue_scripts', 'jpmscripts' );

wp_enqueue_script不起作用

1 个答案: