事件监听器不起作用。 它说事件未在控制台中定义

Question

我是jquery / javascript的新手

我试图在HTML中使用事件监听器

这是演示： http : //jsbin.com/ximezaqe/1/edit

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

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

我想我缺少了一些东西。 我从其他地方复制了代码，但似乎无法正常工作。

HTML

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

使用Javascript

$(document).ready(function() {
  function trigger() {
   window.alert('Hello!');   
  }

  function menu() {
   setTimeout('trigger()', 2000);
  } 
});

Answer 1

这样尝试

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

Answer 2

它应该是

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

并且您的菜单功能必须不在

$(document).ready({});

像这样

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