jQuery load default content into div

Posted by Ricki on Stack Overflow See other posts from Stack Overflow or by Ricki
Published on 2011-03-18T00:00:21Z Indexed on 2011/03/18 0:10 UTC
Read the original article Hit count: 149

Filed under:
|

Hi, ive searched around but couldnt really find anything to help. I use this code as a main ajax call for all content on my site (All content loaded dynamically into a div using this script):

jQuery(document).ready(function($) {
        function load(num) {
            $('#pageContent').html('<img src="imgs/ajax-loader.gif">') 
            $('#pageContent').load(num +".html");
        }

        $.history.init(function(url) {
                load(url == "" ? "1" : url);
            });

        $('#bbon a').live('click', function(e) {
                var url = $(this).attr('href');
                URLDecoder.decode(location,"UTF-8");
                url = url.replace(/^.*#/, '');
                $.history.load(url);

                return false;
            });
    });

which works great. its fantastic. however, i am unable to get default content displayed in the <div> on page load.. so a visitor would have to select a menu item before any content shows. Any ideas on how i could do this?

At the minute all i see is my loading animation.. I use jQuery with the History plugin.

© Stack Overflow or respective owner

Related posts about jquery-ajax

Related posts about div