2014-09-30 33 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