javascript - jQuery 未运行，没有错误消息。语法错误？

Question

早上好，

附加jsbin:http://jsbin.com/kasofufuni/edit?html,css,js,console,output

我正在尝试制作一个简单的显示/隐藏功能。我已将其简化为您在上面的代码中可以看到的内容，但某种语法错误导致它无法运行或给出错误。我已经捣碎了几个小时。有什么想法吗？

我让它在控制台中工作过一次，但我无法重现。

 $(document).ready(function(){
    $('nav#global').prepend('<span id="menu-icon">Menu</span> <span id="search-icon">Search</span>');

 });   

$('#menu-icon').on('click',function(){
    $('nav#global').prepend('You clicked it'); 
});

Answer 1

您的点击事件代码位于 document.ready 之外，因此它在元素存在之前运行

更改为:

$(document).ready(function(){
     $('nav#global').prepend('<span id="menu-icon">Menu</span> <span id="search-icon">Search</span>');  


    $('#menu-icon').on('click',function(){
        $('nav#global').prepend('You clicked it'); 
    });

 });

代码将在控制台中正常运行，因为元素存在