2017-01-03 5 views
0

Я работаю на Wordpress авеню theme.I необходимо включить Timeline JQuery в мои project.I имеют 4 основные файлы в JQuery:Timeline JQuery не работает в 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?

Я попробовал это, но это не working.no 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'); 
+0

Добавьте jQuery вверху в файл functions.php –

+0

О, так вам нужен синтаксис для добавления в файл functions.php? –

+0

Не могли бы вы рассказать мне, как написать функцию для включения cdn для js (файл № 3) –

ответ

0

Создайте две папки в папке темы для файла 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'); 

Надеюсь, это поможет вам.

+0

Я изменил get_template_directory_uri() на get_stylesheet_directory_uri() для скриптов, и он отлично сработал для меня. –

0

Здесь вы идете: Просто пример

Там должно быть 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'); 
+0

Любая ошибка в консоли? –

+0

Я изменил get_template_directory_uri() на get_stylesheet_directory_uri() для скриптов, и он отлично сработал для меня. Работа прекрасна сейчас :) –

Смежные вопросы