jQuery listener click non funziona

Question

Quindi ho questo codice che dovrebbe ascoltare per un clic su #button ma non funzionerà, e mi sta facendo impazzire!

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

e il codice HTML:

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

questo è strano. Qualsiasi aiuto è benvenuto!

Answer 1

scrivere il codice all'interno document.ready funzione

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

auguro che si ottiene qualche idea da questo

Answer 2

Ecco ciò che il codice dovrebbe essere simile:

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

Ecco la documentazione jquery che si riferisce a questo: http://docs.jquery.com/How_jQuery_Works