使用wp_enQueue_script加载jQuery时遇到困难

时间:2018-04-09 作者:Ruke

请原谅,我是个业余爱好者,所以我的知识有限。

我想知道将jQuery添加到自定义WordPress主题的最佳方法。之前我只使用了以下代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
我了解到,显然这不是最佳做法,最佳做法是使用wp\\u enqueue\\u脚本函数添加jQuery。因此,我创建了一个索引。php和函数。我在下面复制的js文件。

html

<!DOCTYPE html>
<html>
    <head>
    <script>
        jQuery(document).ready(function(){
            jQuery(\'.enqTest\').css(\'color\',\'blue\');
        });
    </script>
    </head>
    <body>
        <p class="enqTest">This font should be blue</p>
    </body>
</html>

functions.js

<?php
function adding_jquery{
    wp_enqueue_script(\'jquery\');
}
add_action(\'wp_enqueue_scripts\',\'adding_jquery\');
我的目标是使用jQuery更改文本的字体颜色,但我正在尝试使用wp\\u enqueue\\u脚本加载jQuery。它不起作用。我错过了什么?

我看了其他问题,interestingly another user said jQuery can only be loaded when it has been marked as a dependancy for a different script. 这是真的吗?然后需要从索引中删除jQuery函数吗。php文件,将其添加到一个新的脚本文件中,然后在my functions中的adding\\u jquery函数中注册该脚本文件。php文件?

1 个回复
最合适的回答,由SO网友:Krzysiek Dróżdż 整理而成

wp_enqueue_scripts 是一个PHP挂钩,因此您应该在PHP中使用它。如果您将其添加到某个JS文件中,它将不起作用。

所以如果这不是一个拼写错误,你真的把这个代码functions.js 文件,这就是它不起作用的原因。

结束

相关推荐

JQuery计数器限制不适用于WP注释文本区域

我想在wordpress注释中为textarea实现JQuery计数器限制。phpNote 1:JQuery计数器限制代码本身正在工作。https://jsfiddle.net/samarpw/5yosLhvo/ .如何使用注释实现此JQuery代码。注释2中的php代码。Note 2:而我的评论。php模板也可以很好地处理我的主题。下面是上面的JQuery计数器限制代码应该适用的文本区域。<div id=\"commentform\" class=\"c-form\"> <?p