如果我的术语不准确,请原谅(并纠正)我。
这是我正在处理的链接: http ://www.haemerd.com/index2.html
这是我尝试使用 ajax 加载的页面:http ://www.haemerd.com/glob/glob1.html
我正在使用以下 .js 将 html 页面加载到 div 中:
$(document).ready(function() {
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #content';
$('#content').load(toLoad)
}
});
$('#nav li a').live('click', function(){
var toLoad = $(this).attr('href')+' #content';
$('#content').hide('fast',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});
正在加载的页面是:
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- end -->
<div id="wrapper">
<h1>test</h1>
<ul id="nav">
<li><a href="index2.html">welcome</a></li>
<li><a href="glob/glob1.html">glob1</a></li>
<li><a href="glob/glob2.html">glob2</a></li>
<li>contact</li>
<li>terms</li>
</ul>
<div id="content">
<img src="https://developer.mozilla.org/files/4261/js.png">
<p>This is a test of Glob #1.</p>
<div class="fb-comments" data-href="http://haemerd.com/glob1.html" data-width="420" data-num-posts="2"></div>
</div>
</div>
<script>FB.XFBML.parse();</script>
</body>
除了Facebook 评论没有加载外,一切似乎都运行良好。有一次我有它,所以如果我刷新页面它会加载,但现在我已经打破了它。:(