Javascript Timeline jquery在wordpress主题中不工作

Javascript Timeline jquery在wordpress主题中不工作,javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,我正在处理Wordpress Avenue主题。我需要在我的项目中包含一个时间线jQuery。我有4个jQuery的主要文件: 1. styletime.css 2. modernizrtime.js 3. http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js 4. main.js 我需要以相同的顺序包含这些文件,否则会产生冲突,无法工作。 如何在wordpress主题中包含这些内容 我已经试过了,但是不起作

我正在处理Wordpress Avenue主题。我需要在我的项目中包含一个时间线jQuery。我有4个jQuery的主要文件:

 1. styletime.css
 2. modernizrtime.js 
 3. http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
 4. main.js
我需要以相同的顺序包含这些文件,否则会产生冲突,无法工作。 如何在wordpress主题中包含这些内容

我已经试过了,但是不起作用。没有js起作用

function script_timeline1() {
wp_enqueue_script('custom_script1', get_template_directory_uri() .'/modernizrtime.js', array ( 'jquery' ));
}
add_action('wp_enqueue_scripts','script_timeline1');


function custom_style_sheet() {
wp_enqueue_style( 'custom-styling', get_stylesheet_directory_uri() . '/styletime.css' );
}
add_action('wp_enqueue_scripts', 'custom_style_sheet');

function theme_js() {
wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', false );
}
add_action( 'wp_enqueue_scripts', 'theme_js' );

function main(){
wp_enqueue_script('main_func', get_template_directory_uri() . '/main.js', array ( 'jquery' ));
}
add_action('wp_enqueue_scripts','main');

这就是一个例子

主题文件夹中应该有一个functions.php

function theme_js() {
     wp_register_script( 'html5_shiv', 'http://html5shiv.googlecode.com/svn/trunk/html5.js', '', '', false );

     wp_enqueue_script( 'owl', get_asset('owl.carousel.js','js'), array('jquery'), '', false );
}

add_action( 'wp_enqueue_scripts', 'theme_js' );
甚至这个:

function theme_js() {
    wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', false );
    wp_enqueue_script( 'styleTime', 'styletime.css', false );    
}

add_action( 'wp_enqueue_scripts', 'theme_js' );

在主题文件夹中创建两个文件夹,一个用于css文件,另一个用于js文件(将css和js文件放在该文件夹中,即您的主题文件夹/css/styletime.css、您的主题文件夹/js/modernizertime.js、您的主题文件夹/js/main.js)。将以下代码放入主题的functions.php文件中

function theme_load_scripts() {
   wp_enqueue_style('styletime', get_template_directory_uri () . '/css/styletime.css', false, 1.0, 'all');
   wp_enqueue_script('modernizrtime', get_template_directory_uri () . '/js/modernizrtime.js', array('jquery'), 1.0, true);
   wp_enqueue_script('main', get_template_directory_uri () . '/js/main.js', array('jquery'), 1.0, true);
}

add_action( 'wp_enqueue_scripts', 'theme_load_scripts' );

希望这能对您有所帮助。

在functions.php文件的顶部添加jQuery哦,那么您需要在functions.php文件中添加语法吗?您能告诉我如何编写一个函数来包含js的cdn(文件号3)吗请查看:是的,我需要cdn的语法。我将get\u template\u directory\u uri()更改为get\u stylesheet\u directory\u uri()对于脚本,它非常适合我。现在工作正常:)我将get_template_directory_uri()更改为get_stylesheet_directory_uri(),对于脚本,它非常适合我。现在工作正常:)