如何在Header.php中动态注册/链接WordPress中的.js文件

时间：2013-10-29 作者：Behseini

你能告诉我如何在wordpress中动态注册/链接到我的js文件吗？我有两个js文件，如下代码所示，但我不知道如何在bloginfo() 因为它正在获取参数！

 <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
 <![endif]-->
谢谢

3 个回复
SO网友:Kishore Sahoo

我们可以使用wp\\u enqueue\\u scripts操作来钩住js。

如果它在主题文件夹中，

<?php

    function my_scripts_method() {
wp_enqueue_script(
    \'custom-script\',
    get_stylesheet_directory_uri() . \'/js/custom_script.js\',
    array( \'jquery\' )
);
}

add_action( \'wp_enqueue_scripts\', \'my_scripts_method\' );

?>
// If it\'s for plugin,If it\'s for plugin, 
//use plugins_url( \'/js/newscript.js\' , __FILE__ )  as path.
供参考wp_enqueue_script

SO网友:Fernando Baltazar

我正在使用这个代码脚本src=“？php bloginfo（\'template\\u directory\'）；？>/html5/html5shiv printshiv.js”>
您只需要将bloginfo（\'template\\u directory\'）这一行添加到您的代码头中。php
script src="?php bloginfo(\'template_directory\'); ?>/assets/js/html5shiv.js"><我不得不避免一些”<以放置代码

正如代码描述的模板目录一样，所有JS文件都应该位于文件夹模板中的文件夹/资产/JS/中。

SO网友:sun

如果要使用自定义js代码，那么首先要注册自定义脚本，然后将其排队。

Example

function link_my_js()
{
 wp_register_script(\'desired_name\',_template_directory().\'/assets/js/custom-script.js\');
 //now enqueue it
 wp_enqueue_script(\'desired_name\');
//desired_name(called handle) is what you have given in wp_register_script above
}
现在将其添加到动作挂钩中

add_action(\'wp_enqueue_scripts\',\'link_my_js\');
将代码放入函数中。php

如果您想在插件中使用此插件，请在注册脚本时提供正确的路径使用plugins_url() 要获取目录路径，请继续使用您的路径并在插件中使用它。

如果要链接常规的主jquery，只需使用句柄名称jquery 你不需要单独注册它，因为WordPress在核心中提供了预加载的脚本，你可以检查它Here Default Scripts Included and Registered by WordPress 在底部。请随时对此提出疑问：）

结束
标签： plugin-development   theme-development   小码农  

相关推荐