如何在wordpress模板中添加javascript？
如何在wordpress模板中添加javascript？
提问于 2014-02-10 19:27:08
我想在我的wordpress模板函数-dir.php中添加两个js文件。
如何添加这个js文件有标签吗？
使用的函数正确吗
wp_register_script( $handle, $src, $deps, $ver, $in_footer );提前感谢....
回答 3
Stack Overflow用户
发布于 2014-02-10 19:34:34
您可以使用wp_register_script注册一个带有句柄的脚本，以避免重复代码(例如，如果您将脚本放入多个位置并需要更新文件名)。这通常不是必需的，我通常使用wp_enqueue_script()，它接受相同的参数并将其输出到页面。
我通常使用我所有的样式和脚本队列创建一个设置函数，然后将该函数挂接到一个预制的钩子上，如下所示：
function theme_enqueue() {
/**
* Scripts.
*/
wp_enqueue_script('scripts', get_template_directory_uri() . '/js/lib/scripts.pkgd.min.js', array('jquery'), THEME_VERSION);
wp_enqueue_script('myscript', get_template_directory_uri() . '/js/myscript.js', array('scripts'), THEME_VERSION, TRUE);
wp_enqueue_script('main-menu', get_template_directory_uri() . '/js/menu.js', array('jquery'), THEME_VERSION, TRUE);
}
add_action('wp_enqueue_scripts','theme_enqueue');Stack Overflow用户
发布于 2014-02-10 19:35:15
您可以通过wp_enqueue_script使用以下结构作为插件；
function add_custom_js() {
wp_enqueue_script( 'script_name', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'add_custom_js' );如果你正在开发插件，你可以把这个动作添加到你的插件中。或者你可以把这个放到functions.php上
Stack Overflow用户
发布于 2014-02-10 19:38:57
wp_register_script()函数用于注册脚本一次，然后随时随地调用。在您的functions.php文件中使用wp_enqueue_script()来调用它
方法:1
// First Register
function register_my_scripts(){
wp_register_script('handler_1', get_template_directory_uri() . "/js/script_one.js");
wp_register_script('handler_2', get_template_directory_uri() . "/js/script_two.js");
}
add_action('init', 'register_my_scripts');现在使用：
function wp24_load_script() {
// Check if you want to load for
// specific page
wp_enqueue_script('handler_1');
}
add_action("wp_enqueue_scirpts", "wp24_load_script");方法:2
或者您可以直接使用wp_enqueue_script()函数加载它：
function wp24_load_script() {
// Check if you want to load for
// specific page
wp_enqueue_script('handler_1', get_template_directory_uri() . "/js/script_one.js");
}
add_action("wp_enqueue_scirpts", "wp24_load_script");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21675907
复制相关文章
相似问题
腾讯云开发者
