如何将两个js文件调用到一个定制模板中?

时间:2016-11-26 作者:Gabriel DiLaurentis

我有一个自定义模板,其中包含了一个VC Post Grid,但我想既然它不能执行js文件,我会自己调用它们,除非我不知道如何调用。

这些文件存储在我的主题文件夹js中。这些文件都是图像标记的。pkgd。min.js和vc\\u网格。最小js。

如何为自定义模板页面加载它们?

1 个回复
SO网友:Dan.

在主题的功能中。php:

function my_theme_slug_enqueue_script(){
    if(is_page_template(\'path/to/template/relative/to/theme/directory/root/template_file.php\')){
        wp_enqueue_script( \'some_unique_string_name\', \'path/to/js/file/script.js\', array(), false, true );
    }
}

add_action( \'wp_enqueue_scripts\', \'my_theme_slug_enqueue_script\' );
将我的代码段中的值更改为您的需求(并且您需要调用wp_enqueue_script() 两次,每个JS文件一次)。

第三个参数允许您告诉WordPress此脚本依赖于哪些其他脚本(依赖项),如果您将内容放入该数组中,则此脚本将在这些其他脚本之后加载。放入该数组的字符串是handles 在这些脚本中(handle 是“唯一名称”/函数中的第一个参数)。

E、 g。array(\'jquery\').

第四个参数是version number. 你可以选择false, 表示没有版本号,或者可以输入整数/浮点。加载时,此数字将附加到资源的URL。

E、 g。1.0 将产生http://example.com/wp-content/themes/my-theme/js/script.js?ver=1.0

最后一个参数是放置资源的位置。false 将其放置在标题中(无论放置在何处wp_head()) 和true 将其放置在页脚中(无论放置在何处wp_footer()).

您可能需要更改的最后2个或3个参数wp_enqueue_script() 在我的例子中,这取决于你的情况。看见https://developer.wordpress.org/reference/functions/wp_enqueue_script/ 有关的详细信息wp_enqueue_script().