jQuery监听器单击不工作

Question

所以我有这个代码应该监听点击#button，但它不会工作，并且让我疯狂！

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('#button').click(function() { 
     alert('OK!'); 
    }); 
</script> 

和HTML：

<input id="button" type="button" value="OK" /> 

这是奇怪的。欢迎任何帮助！

Answer 1

编写代码的document.ready功能

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#button').click(function() { 
     alert('OK!'); 
    }); 
}); 
</script> 


OR 
<script type="text/javascript"> 
    function on_click() { 
      alert("OK !!"); 
    } 
    $(document).ready(function() { 
     $("#button").click(on_click); 
    }); 
</script> 

希望你从这个

Answer 2

这里的一些想法里面的代码应该是什么样子：

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
    // Now that jquery is include, place the code to wire up the button here 
    $(function(){ 
     // Once the document.onload event fires, attach the click 
     // event handler for the button 
     $('#button').click(function() { 
      alert('OK!'); 
     }); 
    }); 
</script> 
<input id="button" type="button" value="OK" /> 

这里是jQuery的文档是涉及此： http://docs.jquery.com/How_jQuery_Works