javascript - jQuery 无法检测到添加到自己的 WordPress 主题的脚本的点击？

Question

我正在构建我的第一个 WordPress 主题，并且根据 WordPress.org 法典页面的信息添加了我自己的脚本和 jQuery，但是没有任何反应，尽管我搜索了几个小时也找不到原因!我被这个问题困住了，无处可去，需要一些帮助。

当我右键单击查看代码时，脚本和 jQuery 都在标题中。我错过了什么吗？

functions.php 文件中的代码:

function add_scripts()
{
wp_register_script( 'custom-script', get_template_directory_uri() . '/js/script.js', array( 'jquery' ) );

wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'add_scripts' );

现在的脚本非常简单。仅供测试:

jQuery(document).ready(function(){

     $('document').ready(function() {

    //Mobile menu
    $("#main-menu-mobile-btn").click(function(){
        alert("working!?");
    $("#main-menu-mobile").slideToggle("fast");
    });
});
});

这是我添加到 header.php 文件中的 HTML 代码:

<div id="main-menu-mobile-btn">test</div>

Answer 1

尝试用 jQuery 替换 $ 并删除嵌套的 .ready() 方法。

像这样

 jQuery(document).ready(function() {

     //Mobile menu
     jQuery("#main-menu-mobile-btn").click(function(){
        alert("working!?");
        jQuery("#main-menu-mobile").slideToggle("fast");
     });
});