Chiama jQuery sul pulsante clic

Question

Sto provando a eseguire qualche codice jQuery quando faccio clic su un pulsante, ma non riesco a fare nemmeno il lavoro di esempio più semplice.

Il mio codice jQuery è questo:

<script src="scripts/jquery-1.4.1.js"></script> 
<script> 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 

</script> 

e il mio html assomiglia a questo

<div> 
     <input id="btn" type="button" value="button" /> 
    </div> 

ma quando clicco il tasto non succede nulla.

Answer 1

avvolgere il vostro codice all'interno di una funzione document.ready

$(function(){ 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 
}); 

o inserire il codice di script a destra prima della fine del tag body

è necessario attendere per gli elementi siano disponibili dom su caricamento della pagina prima vincolante gestori di eventi

Answer 2

tentare la funzione:

$(document).ready(function() { 
    // Your code 
}); 

Answer 3

Prova ad associare l'evento dopo che il DOM è stato caricato.

$(document).ready(function() { 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 
}); 

Answer 4

provare il seguente

$(function(){ 
    $('#btn').on('click', function(){ 
     alert('click event'); 
    }); 
}); 

Se questo non funziona assicuratevi di aver incluso jquery corretta.

Se non si è sicuri, provare quanto segue.

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

Answer 5

Cercare di codice con documento quando pronto

$(document).ready(function() { 
    $('#btn').click(function() { 
    alert("Hello"); 
    }); 
});