jQuery将默认内容加载到div中

Question

ive搜索周围，但无法找到任何帮助。我使用此代码作为主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与历史插件。

Answer 1

难道你不能只是设置一个默认的数字，并加载它，当你的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 
});