No alert message when document.ready - jQuery [closed]

Question

This is my code:

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

when I refresh the page, there is no alert box. Is there any wrong??

jQuery seems to be added correctly, but I am not able to get the alert for checking whether jQuery is working. Any ideas on how to make the alert show?

Answer 1

Did you include the jQuery library before the call in your document?

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

That should work provided you've loaded jQuery and you haven't used noConflict. It works here, for instance.

Without more information we can't really help, but here are some tips:

• Look at your browser's JavaScript console for errors. Most likely there's a syntax error elsewhere on the page that's preventing the code you've quoted from ever being run.
• Make sure you've loaded jQuery correctly.

• If you use noConflict, change $ to jQuery in your code:

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