如何在wordpress中为.js文件创建模板路径

时间:2012-11-15 10:15:28

标签: wordpress

我刚刚提到了如何为.js文件创建模板路径 -

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

但在我的'scripts.js'文件中包含了一些.js文件,如下所示:

  

包括( 'JS / jquery.easing.1.3.js');

     

包括( 'JS / jquery的-UI-1.8.11.custom.min.js');

     

包括( 'JS / jquery.transform-0.9.3.min.js');

     

包括( 'JS / jquery.animate-颜色-min.js');

     

.....等等

any1请帮助我如何以最简单的方式为那些包含的.js文件创建路径。我是wordpress的新手。

3 个答案:

答案 0 :(得分:2)

您可以将其更改为

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

等。所以没有“js /".

如果我理解正确,你将文件包含在同一目录下的javascript文件scripts.js中。

在不添加/的情况下包含文件始终意味着您正在搜索当前目录。所以基本上,你试图包括js/js/jquery.easing.1.3.js,它不存在。

编辑: 如果您尝试在Javascript文件中使用PHP包含,它将无法正常工作。您不应该在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>

答案 1 :(得分: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');

答案 2 :(得分:-1)

bloginfo( 'template_directory' );

是正确的方法,因为wordpress主题需要完整的路径。

如果您想使用include(),请使用以下内容:

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