Javascript wordpress中的jQuery——隐藏对象

我想在wordpress模板中实现自定义jQuery

我在functions.php中添加了以下行：

function my_custom_script() {
wp_enqueue_script('extra js', get_stylesheet_directory_uri() . '/js/extra.js');
}
add_action('wp_enqueue_scripts', 'my_custom_script');

然后我想看看它是否有效，所以我只是将它添加到我的extra.js文件中：

alert "Hello folks!";

是的，警报出现在屏幕上。好极了

但如果我想添加自定义jQuery，假设我得到了id为=“firstBox”的dic：

什么也没发生

如何在这些文件中正确使用jQuery？

确保正确加载jQuery 首先，确保jQuery完全正确加载。让我们取消注册从CDN打包和加载的

jquery

，以确保我们拥有所需的一切

function my_jquery_enqueue() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
    wp_enqueue_script('jquery');
}
add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);

现在，将jquery作为依赖项将脚本排队

function my_extra_enqueue() {
    wp_enqueue_script( 'extra_js', get_stylesheet_directory_uri() . '/js/extra.js', array('jquery') );
}
add_action("wp_enqueue_scripts", "my_extra_enqueue");

没有冲突 如果此时仍有问题，并且在控制台中看到错误，如

$不是函数

，则需要使用

.noConflict（）

变量编写脚本。示例脚本可能类似于：

$j = jQuery.noConflict();

$j('#firstBox').click(function() {
    $j('#firstBox').hide();
})

---

关于设置

.noConflict（）

有很多方法，所以请阅读一些文章，选择最适合您的方法。阅读：

尝试用jQuery替换$

jQuery('#firstBox').click(function() {
    jQuery('#firstBox').hide();
})

---

您可以打开控制台，查看是否有类似

$is not defined

的报告，确认这是否是您的选择。还没跑。我得到：TypeError:$不是一个函数，你在控制台日志中看到了什么吗？是的。只是：“TypeError:$不是函数”和对extra.jsYeah的引用-你的问题肯定是jQuery没有加载-尝试上面的更新我在这里找到了答案：

jQuery('#firstBox').click(function() {
    jQuery('#firstBox').hide();
})