2014-09-30 34 views
0

我的用戶有一個朋友列表,他們可以點擊一個按鈕從他們的朋友列表中刪除朋友。這是按照下面的方式完成的。如何使用JQuery刷新DIV的內容?

一旦發生這種情況,我需要刷新#containerFriendsRequestSent,因爲它的內容已經改變。我無法使用location.reload(true);因爲頁面上有過濾器,這會重置它們,這意味着用戶將不得不重新選擇過濾器選項。

我以爲我可以使用類似$("#containerFriendsRequestSent").load的東西,但這似乎不刷新頁面?

$('#containerFriendsRequestSent').append(wrapper); 
    wrapper.children('.destroy').click(function() { 
    $(".destroy").click(function() { 
    item.fetchedObject.set("status", "Deleted"); 
    $('#containerFriendsRequestSent').load(); 

    item.fetchedObject.destroy(null, { 
     success: function(results) { 
     console.log("DELETED"); 
    }, 

回答

1

您的.load()方法未正確使用。您必須提供一個參數,指定哪些數據必須加載。在你的情況,你想重新加載頁面的一個特殊的容器,所以你必須做這樣的:

$("#containerFriendsRequestSent").load("YOUR-SITE.html #containerFriendsRequestSent"); 

看一看jQuery的API:http://api.jquery.com/load/

+0

非常好,這對我來說很完美 – Dano007 2014-09-30 20:49:24

0

使用$('#containerFriendsRequestSent').html('');設置containerFriendsRequestSent空白,然後再加載。

0

如果邏輯刪除項目服務器端正在工作,爲什麼不用「.remove()」刪除節點?它會更快,如果他們重新加載頁面,它會正確地獲取新的朋友列表。

+0

我確實嘗試過.remove()它沒有問題地移除它,但之後沒有正確更新div – Dano007 2014-09-30 20:29:41