Javascript Timeline jquery在wordpress主题中不工作
我正在处理Wordpress Avenue主题。我需要在我的项目中包含一个时间线jQuery。我有4个jQuery的主要文件: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主题中包含这些内容 我已经试过了,但是不起作
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(),对于脚本,它非常适合我。现在工作正常:)