在 Wordpress 中加载 Jquery

Question

我有一个 Jquery 脚本，它被输入到我的 wordpress 主题的自定义代码部分。由于脚本最初没有运行，我不得不通过functions.php 加载 Jquery 依赖项。我从这个链接的第 4 步读到了这个方法： (http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/)。虽然这允许 Jquery 脚本运行。它影响了我网站其他部分的运行方式。例如，下拉框无法再正常工作。 （用户现在需要在下拉图标上单击并按住鼠标才能显示选项，而不是单击一次下拉图标来显示选项，然后滚动到他们想要的选项。）

我只是想知道我是否以正确的方式加载 Jquery？或者我应该采用什么正确方法。

谢谢。

jQuery 脚本

$(function(){
        var count = 0, $input = jQuery('.cover-buttons ul li:nth-last-child(5) a'), interval = setInterval(function() {
            if ($input.hasClass('blur')) {
                $input.removeClass('blur').addClass('focus'); ++count;
            } else {
                $input.removeClass('focus').addClass('blur');
            }
            if (count === 3) { clearInterval(interval); }
        }, 1000);
});

用于加载 Jquery 的 Functions.php 脚本

function my_init() {
    if (!is_admin()) {
        wp_deregister_script('jquery');
        wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', false, '3.2.1', true);
        wp_enqueue_script('jquery');

        // load a JS file from my theme: js/theme.js
        wp_enqueue_script('my_script', get_bloginfo('template_url') . '/js/theme.js', array('jquery'), '1.0', true);
    }
}
add_action('init', 'my_init');

Answer 1

下面这行代码将在页脚加载 jquery，而不是在头部加载 wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', false, '3.2.1', true);

对于许多插件，他们认为 jquery 负载在头上，因此他们可能会在头之前添加要执行的内联脚本，因此您可能需要更改为

wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', false, '3.2.1', false);

希望对你有帮助。