我使用.load加载菜单和页面内容。 首先应该加载菜单,当点击一个菜单项时,它应该加载网址和“容器”中的“内容”。
这样可行,但是出了点问题,因为它弄乱了下面的loadFacebook函数,所以我需要改变它。
$(document).ready(function() {
loadPage();
});
function loadPage(url) {
$('#guiden_menyn').load('manmade/guiden/guiden_menyn.html #content',
hijackLinks);
$('#container').load(url + ' #content', hijackLinks);
}
function hijackLinks() {
$('#guiden_menyn a').click(function(e) {
e.preventDefault();
loadPage(e.target.href);
});
}
菜单“guiden_menyn.html”中的链接如下所示:
<a class="lank" href="manmade/guiden/tipsa.html">
function loadFacebook() {
$('#container').load(
'http://www.manmade.se/manmade/guiden/facebook_onweb.html',
function() {
FB.XFBML.parse();
});
}
也许我需要设置一个onclick来运行链接上的函数而不是“$('#guiden_menyn a')....”?
应该如何,感谢任何建议,谢谢!
答案 0 :(得分:0)
使用这样的功能 这是html
<a class="lank" href="manmade/guiden/tipsa.html">
为每个超链接提供lank类 然后
$('.lank').click(function(){
var link = $(this).attr('href');
loadPage(link );
});