2011-06-14 71 views
1

我有一個頁面,顯示我的網站成員的好友列表。但在同一頁上我有一個搜索框,他們可以搜索新朋友。這是我的問題。清除div並顯示搜索結果後,其中一個Ajax功能不起作用。在頁面上顯示數據後,Ajax無法工作

以下是在顯示Ajax結果後無法使用的功能。

$("a[rel=adduser]").click(function(){ 
var fullurl = this.href; 
//REMOVE THE VALUE FROM THE URL 
fullurl = fullurl.replace(/^.*#/, ''); 
alert(fullurl); 
}); 

以下是調用該函數的代碼部分。 (這是代碼的部分...代碼從數據庫獲取數據和循環生成HTML代碼和scrren顯示它)

for(var i=0; i<data.ROWCOUNT; i++) { 
    var html = "<div class='grid_1' style='margin:7px;'><div class='stimglg' align='center'>"; 
    html = html + "<img src='http://www.cysticfibrosis.com/profile/images/profileimages/" + data.DATA.PROFILEIMAGE[i]; 
    html = html + "' alt='" + data.DATA.VCHNICKNAME[i] + "' width='150' height='150' border='0' /><br>"; 
    html = html + "</div><div align='left' style='padding-left:10px;'><h3><a href='http://www.cysticfibrosis.com/profile/index.cfm/" + data.DATA.VCHNICKNAME[i] +"'>" + data.DATA.VCHNICKNAME[i] + "</a></h3>"; 
    html = html + "<h4><a href='/#" + data.DATA.IUSERID[i] + "' rel='adduser' onclick='return false;'>Add as a Friend</a></h4></div></div>"; 
    $('#nearResult').append(html); 
} 

回答

4

它不工作,因爲單擊事件只是附頁面上的第一項不是通過AJAX生成的項目。你需要看看Live()函數。 live函數將該事件附加到在原始頁面加載之後也動態生成的項目。

看看這個documentation

+0

耶基本上加$( 「一[相對=的adduser]」)生活( 「點擊」,函數(){} )。 – 2011-06-14 18:55:54

+0

謝謝你的信息...工作... – Ennio 2011-06-15 11:38:00

+0

@ Ennio沒問題,很高興它爲你工作。 – nickmoriarty 2011-06-15 15:55:52