javascript - 在 WordPress 主题模板中排队 jQuery 插件

标签 javascript php jquery wordpress enqueue

我制作了一个名为 test-stuff.php 的模板,并尝试使用 jQuery 和其中的 jQuery 验证插件。我已将脚本放入 function.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>

最佳答案

据我所知,你不需要入队,WordPress已经入队了。检查一些已经包含的 JS 库。您也没有调用 get_header()get_footer()

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

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

关于javascript - 在 WordPress 主题模板中排队 jQuery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55023688/

相关文章:

jquery mobile -5 个连续按钮

javascript - 如何防止javascript堆栈溢出?

javascript - React 上下文 - 'contextType' 未定义

php - 通过 Ajax 从 Woocommerce 中的购物车商品数据中获取重命名的购物车商品名称

php - 无法让 mysql_query 返回数据库中存在的任何值

jquery - 通过 jQuery AJAX 传输数据到 Pyramid 后端问题

php - 在表单中追加新元素并在 PHP 中发布其值并将其保存在数据库中

javascript - Javascript 中的换行符是分隔符吗

PHP:调用 __call 而不是 __callStatic

javascript - 上传文件 jquery 时未捕获类型错误