2017-01-03 62 views
0

我WordPress的大道theme.I工作需要包括jQuery的時間軸在我project.I擁有jQuery的4個主要文件:時間軸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

在functions.php文件的頂部添加jQuery –

+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()的腳本和它現在me.working工作得很好:)完美 –

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()的腳本和它現在罰款me.working工作完美:) –