jQuery将默认内容加载到div中

时间:2011-03-18 00:00:21

标签: jquery html

我已经四处寻找,但无法真正找到任何帮助。我使用此代码作为我网站上所有内容的主要ajax调用(所有内容使用此脚本动态加载到div中):

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;
            });
    });

效果很好。这是梦幻般的。但是,我无法在页面加载中显示<div>中显示的默认内容..因此访问者必须在显示任何内容之前选择菜单项。关于我如何做到这一点的任何想法?

所有我看到的都是我的加载动画..我使用jQuery和History插件。

1 个答案:

答案 0 :(得分:1)

你不能只设置一个默认的num并在你的DOM准备好后加载吗?

var defaultnum = 1; //for example
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;
        });

    load(defaultnum); //just load it
});