Home/ Questions/Q 5845521
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T12:26:48+00:00

I’m fairly new to JavaScript/jQuery/AJAX, so I suspect the issue is some typo I’m

  • 0

I’m fairly new to JavaScript/jQuery/AJAX, so I suspect the issue is some typo I’m not seeing. It was working fine, but at some point during editing the hide() + show() methods stopped working (tested it in Firefox + Chrome). I’ve pored over it many times and can’t see what’s wrong.

script.js

$(document).ready(function(){

    $('p').click(function() {
        $(this).hide();
    })

    $('#nav li a').click(function(){
        var toLoad = $(this).attr('href')+' #content';

        $('#content').hide('fast',loadContent);

        function loadContent() {
            $('#content').load(toLoad,'',showNewContent())
        }

        function showNewContent() {
                $('#content').show('normal');
        }
        return false;
    });
});

In my index.html page the following script includes are in the <head> section:

<script src="script.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to include jQuery before your script.js.

    JavaScript code is executed synchronously. In your example, $ is (or at least should be) undefined, and of course undefined has no jQuery like methods.

    Also, one of your callbacks is defined as showNewContent(). The parenthesis at the end will call that function and pass its results back as the callback, which is not what you want in this circumstance.

    Instead, drop the () to pass just the reference to the function.

    • 0