Javascript 事件侦听器不'；不行。它表示事件未在控制台中定义

我是jquery/javascript的新手

我尝试在html中使用事件侦听器

以下是演示：

点击链接会触发警报。但事实并非如此。 我检查了控制台，它说：

菜单未定义。（菜单是事件侦听器中的事件）

我想我错过了什么。我从别处复制了代码，但似乎不起作用

HTML

应该是

<li><a href="javascript:;" onlick="javascript:menu();" >
<i class="glyphicon glyphicon-flag has-icon"></i> a link
                      </a>
                </li>

像这样

$(document).ready(function (){
//
});
function menu(){
//Do your stuff
}

像这样试试

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li>
    <a class="clickable" href="#" >
       <i class="glyphicon glyphicon-flag has-icon"></i> a link
    </a>
</li>
<script>

$(document).ready(function() {

    function menu() {
        setTimeout(trigger, 2000);
    }
    function trigger() {
       window.alert('Hello!');   
    }

    $('.clickable').on('click',function(){
        menu();     
        return false;
    });
});
</script>

$（文档）.ready（函数（）{
功能菜单（）{
设置超时（触发器，2000）；
}
函数触发器（）{
window.alert（'Hello！'）；
}
$（'.clickable'）。在（'click'，function（）上{
菜单（）；
返回false；
});
});

您的函数是您的

ready

处理程序作用域的本地函数。所谓的突兀事件处理程序要求所有名称都可以从全局作用域访问。每个函数都会创建一个新的作用域，因此ready函数中的函数不在全局作用域中，无法从全局作用域中的内联事件处理程序访问。您应该使用合适的事件处理程序。太好了，如果您还有任何问题，请提问

$(document).ready({});

$(document).ready(function (){
//
});
function menu(){
//Do your stuff
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li>
    <a class="clickable" href="#" >
       <i class="glyphicon glyphicon-flag has-icon"></i> a link
    </a>
</li>
<script>

$(document).ready(function() {

    function menu() {
        setTimeout(trigger, 2000);
    }
    function trigger() {
       window.alert('Hello!');   
    }

    $('.clickable').on('click',function(){
        menu();     
        return false;
    });
});
</script>