事件監聽器不起作用。 它說事件未在控制台中定義

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
}