Nessun messaggio di avviso quando document.ready - jQuery

Question

Questo è il mio codice:

$(document).ready(function() { 
    alert("I am an alert box!"); 
}); 

quando mi aggiorna la pagina, non v'è alcuna finestra di avviso. C'è qualcosa di sbagliato ??

jQuery sembra essere aggiunto correttamente, ma non riesco a ottenere l'avviso per verificare se jQuery funziona. Qualche idea su come mostrare l'avviso?

Answer 1

Questo dovrebbe funzionare se hai caricato jQuery e non hai usato noConflict. It works here, per esempio.

Senza ulteriori informazioni non possiamo davvero aiutare, ma qui ci sono alcuni suggerimenti:

• Guarda console JavaScript del vostro browser per gli errori. Molto probabilmente c'è un errore di sintassi altrove nella pagina che impedisce di eseguire il codice che hai citato.
• Assicurati di aver caricato correttamente jQuery.

• Se si utilizza noConflict, cambiare $ a jQuery nel codice:

  jQuery(document).ready(function() { /* ... */ }); 
  

Answer 2

Hai incluso la libreria jQuery prima della chiamata nel documento?

<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

... 

<script type="text/javascript"> 
    $(document).ready(function() { 
     alert("I am an alert box!"); 
    }); 
</script> 

Answer 3

che deve assolutamente funzionare. Assicurati di aver caricato jQuery prima di chiamare quel frammento.
Date un'occhiata alla console JavaScript per qualsiasi errore

Answer 4

Alcune possibilità:

1. jQuery non è inclided
2. tag script ha qualche errore di battitura
3. si potrebbe avere qualche altra javascript che sta creando la problema

Answer 5

Provare a utilizzare:

(function($) { 
    $(document).ready(function() { 
     alert("I am an alert box!"); 
    } 
})(jQuery); 

Se ciò non funziona come le altre risposte, controllare gli errori di firebug. Lo puoi trovare here se non lo stai già utilizzando.

Answer 6

Hai solo bisogno di includere file jQuery nella tua pagina html. metti il ​​link indicato di seguito nella tua pagina html e avrai quello che vuoi: