jQuery 未检测到将脚本添加到自己的 WordPress 主题中的点击？

Question

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

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

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-code：

<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");
     });
});

jQuery 未检测到将脚本添加到自己的 WordPress 主题中的点击？

jQuery not detect click with script added to own WordPress theme?

javascript

jquery

wordpress-theming

wordpress