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