2012-04-09 143 views
0

Im使用.load加载菜单和页面内容。 首先应该加载菜单,当点击一个菜单项时,它应该加载url和“容器”中的“内容”。需要jquery .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

你所说的“它搅乱了”是什么意思?你遇到了什么问题? – 2012-04-09 07:59:52

+0

在loadFacebook函数中,我使用onclick来运行它,并且我猜它会运行2次,因为$('#guiden_menyn a')正在查找菜单中的每个a。所以当我运行loadFacebook时,它不会显示页面,它只是一个白页。 – 2012-04-09 08:18:58

+0

我在代码中看不到任何对'loadFacebook()'的调用,请提供更多代码片段。 – 2012-04-09 08:24:02

回答

0

使用这样的函数 这里是HTML

<a class="lank" href="manmade/guiden/tipsa.html"> 

给平直类的每一个超级链接 然后

$('.lank').click(function(){ 
     var link = $(this).attr('href'); 
     loadPage(link); 
}); 
+0

在最新的jQuery中它改变了attr - > prop – 2012-04-09 09:41:38