javascript - 链接 Javascript 和 JQuery WordPress

Question

我知道这个问题目前很常见，很多人都在问同样的问题，但我知道我找不到任何好的解决方案。

我想知道如何将我的脚本植入到 WordPress 中？

这就是我已经走了多远:

function my_scripts_method() {
    wp_register_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js");
    wp_enqueue_script("contact-form");
    wp_register_script("form", get_bloginfo("stylesheet_directory") . "/form/form.js");
    wp_enqueue_script("form");
    wp_register_script("validate", get_bloginfo("stylesheet_directory") . "/form/validate.js");
    wp_enqueue_script("validate");
    wp_register_script("answercheck", get_bloginfo("stylesheet_directory") . "/contact/answercheck.js");
    wp_enqueue_script("answercheck");
}

Answer 1

您已经创建了一个函数my_scripts_method()并且您是否在任何地方调用了它？把它卡在了什么东西上？

尝试使用

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

您也可以直接将脚本排入队列。所以你的

wp_register_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js");
wp_enqueue_script("contact-form");

将会

wp_enqueue_script("contact-form", get_bloginfo("stylesheet_directory") . "/form/contact-form.js");

如果你没有依赖项。另外，我会使用 get_stylesheet_directory_uri() 而不是您的 get_bloginfo("stylesheet_directory")。

get_stylesheet_directory_uri()

编辑

尝试放入你的functions.php

add_action( 'wp_enqueue_scripts', 'my_scripts_method');

function my_scripts_method() {
    wp_enqueue_script('contact-form', get_template_directory_uri().'/form/contact-form.js','','', true);
    wp_enqueue_script('form', get_template_directory_uri().'/form/form.js','','', true);
    wp_enqueue_script('validate', get_template_directory_uri().'/form/validate.js','','', true);
    wp_enqueue_script('answercheck', get_template_directory_uri().'/contact/answercheck.js','','', true);
}

或者，如果不起作用，您也可以使用 get_stylesheet_directory_uri() 而不是 get_template_directory_uri()。但它应该(除非您在 /form 和 /contact 文件夹中没有任何内容)。