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插件。
答案 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
});