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

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>