2009-08-18 53 views

回答

1
<div id="left"> 
<a href="#" id="favorite">My Favorite Videos</a> 
... 
</a> 

<div id="right"></div> 

有:

$(function() { 
    $("#favorite").click(function() { 
    $("#right").load("favorite_videos.php"); 
    return false; 
    }); 
}); 

其中favorite_videos.php返回HTML內容放在那裏。

1

包括jQuery的在你的網頁是這樣的:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" /> 

然後掛鉤的聯繫是這樣的:

$("#myFavouriteVideosLink").click(function() { 
    $("#rightSidePanel").load("my_favourite_videos.php"); 
    return false; // prevent default link action 
}); 

鑑於鏈接,右側面板擁有這些標識的。

請注意,這不是AJAX的最佳場景,應該可以通過普通的頁面請求來處理,以更好地支持瀏覽器歷史記錄和深層鏈接。