2012-11-15 71 views
3

.js文件模板路徑,我只是lrned如何爲的.js文件 -如何創建在WordPress

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>js/scripts.js" ></script> 

但我的「scripts.js中」文件中包括了一些.js文件,如創建模板路徑如下:

include('js/jquery.easing.1.3.js');

include('js/jquery-ui-1.8.11.custom.min.js');

include('js/jquery.transform-0.9.3.min.js');

include('js/jquery.animate-colors-min.js');

.....and so on

ANY1請幫助我,我怎樣才能使路徑在最簡單的方法包括那些.js文件。我是在wordpress中嘗試新的。

回答

2

你可能只將其更改爲

include("jquery.easing.1.3.js"); 

等,所以沒有 「JS /」。

如果我理解正確,那麼您在包含位於同一目錄中的javascript文件scripts.js中包含文件。

包括不帶/的文件始終意味着您正在搜索當前目錄。所以基本上,你試圖包括js/js/jquery.easing.1.3.js,它不存在。

編輯: 如果您嘗試在JavaScript文件中使用PHP include,它將無法工作。你不應該做的,包括JavaScript文件反正,只是做了該文件你包括scripts.js中這樣的:

<script type="text/javascript" src="<?php get_bloginfo('template_url'); ?>js/scripts.js" ></script> 
<script type="text/javascript" src="<?php get_bloginfo('template_url'); ?>js/jquery.easing.1.3.js" ></script> 

+0

@ RadicalRaid..thanks I HV試圖烏爾方法,但它給我提供netwrok ERR ..&U R右所有的JS存儲在同一目錄下的文件。你會建議如果高清方式如下所示:

+0

你能給我完整的錯誤嗎?我的猜測是有一些文件丟失。也許可以像''&我所有的js文件存儲在單個文件夾中,命名爲js –

-1

bloginfo('template_directory');

是正確的因爲WordPress主題需要完整的路徑。

,如果你想使用include()然後使用這樣的事情:

include(bloginfo('template_directory') . 'js/jquery.easing.1.3.js')

+0

@RadicalRaid,是的,你說得對,但include()函數只適用於PHP,不適用於JS。 –

+0

對不起,有些誤解。 '...'bloginfo(...)'被'get_bloginfo(...)'替換,看到'bloginfo(...)'直接回應它的值嗎? – RadicalRaid

+0

@RadicalRaid'get_bloginfo()'和' bloginfo()'是,你可以在'get_bloginfo()'中使用'filters',否則所有內容都和'blog_info()'相同,請點擊鏈接http://codex.wordpress.org/Function_Reference/get_bloginfo –

0

下面是代碼,包括在主題的JS文件:

include(get_bloginfo('template_url') . 'js/jquery.easing.1.3.js'); 
include(get_bloginfo('template_url') . 'js/jquery-ui-1.8.11.custom.min.js'); 
include(get_bloginfo('template_url') . 'js/jquery.transform-0.9.3.min.js'); 
include(get_bloginfo('template_url') . 'js/jquery.animate-colors-min.js'); 

乾杯

或者,如果您的目的是將所有JS文件內容嵌入到一個JS文件中,則應使用以下內容,這將使用文件路徑該文件,而不是URL地址:

include(get_template_directory() . 'js/jquery.easing.1.3.js'); 
include(get_template_directory() . 'js/jquery-ui-1.8.11.custom.min.js'); 
include(get_template_directory() . 'js/jquery.transform-0.9.3.min.js'); 
include(get_template_directory() . 'js/jquery.animate-colors-min.js');