2012-09-01 64 views
0

我試圖在按下鏈接時使用Javascript加載不同的頁面。這是我用來改變頁面的功能。JQuery .load和html問題

function loadPage(url){ 
    $(".body").fadeOut(400, function(){ 
     $(".body").load(url, function(){ 
      $(".body").fadeIn(400); 
     }); 
    }); 
}; 

問題是,它會將東西褪色到頁面中,但是一旦完成了淡入淡出,它就會消失。該文件中的代碼html仍然在主文件html中,但它不顯示。

回答

1

我有一個問題,我用這個。文件在你的情況將是網址:

var loader = function(file) { 

    $('.body').fadeOut(500); 

$.ajax({ 
    url: file 

    success: function(data) { 

     $('.body').html(data); 

$('.body').fadeIn(500); 

    } 

}); 


    } 

改變了代碼,試圖滿足你的希望做的,只是一個與背景DIV測試,它似乎工作沒關係。

這與您擁有的相同嗎?

Andrew

+0

如果點擊一個按鈕並調用該函數,這個工作是否還可以? – legobear154

+0

如果可以,你需要採取它需要的變種。我在菜單上使用按鈕,但是使用div而不是實際按鈕 –

+0

噢,好的,謝謝。我會嘗試它:) – legobear154