Question

我正在使用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');

Answer 1

在这里：只是一个例子

主题文件夹中应该有一个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' );

Answer 2

在主题文件夹中创建两个文件夹，一个用于css文件，另一个用于js文件（将css和js文件放在该文件夹中。即your_theme_folder / css / styletime.css，your_theme_folder / js / modernizrtime.js ，your_theme_folder / 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' );

希望这会对你有所帮助。

时间轴jquery在wordpress主题中不起作用

2 个答案: