2012-04-09 137 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