Question

我制作了一个名为test-stuff.php的模板，并尝试使用jQuery及其中的jQuery验证插件。我已经将脚本放入我的functions.php文件中，并且jQuery在其他常规页面上也可以正常工作，但在我的模板中却无法正常工作。有人可以指出我哪里出了问题吗？我是否必须分别为模板排队jquery和jquery插件？如果我遗漏了一些细节，请询问，我会提供。预先感谢。

functions.php排队部分：

function my_custom_queue() {
    wp_enqueue_script('jquery');
    wp_enqueue_script( 'validatejq', 'https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js', array( 'jquery' ), '1' );
}
add_action( 'wp_enqueue_scripts', 'my_custom_queue' );

具有jquery测试功能的模板文件（我得到“否”）：

<?php 

/* Template name: Test stuff */

?>
<script>
window.onload = function() {
    /* test */
    if (window.jQuery) {
        alert("Yes");
    } else {
        alert("No");
    }
};

</script>

Answer 1

据我所知，您不需要排队，WordPress已经在排队。检查一些已经包含的JS库。您也没有呼叫get_header()和get_footer()。

您可以查看以下链接以获得已包含库的列表。

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

Answer 2

您应该在页面模板中使用get_header()，以便在页面中获取标题代码（包括排队的脚本）。您可能也想使用get_footer()。页脚中包含一些脚本。

将jQuery插件加入Wordpress主题模板

2 个答案: