如何使用JQuery刷新DIV的内容?

时间:2014-09-30 07:52:27

标签: javascript jquery html5

我的用户有一个朋友列表,他们可以点击一个按钮从他们的朋友列表中删除该朋友。这是按照以下方式完成的。

一旦发生这种情况,我需要刷新#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");
     },

3 个答案:

答案 0 :(得分:1)

您的.load()方法未正确使用。您必须提供一个参数,指定必须加载哪些数据。在您的情况下,您想重新加载页面的特殊容器,因此您必须这样做:

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

查看jquery api:http://api.jquery.com/load/

答案 1 :(得分:0)

使用$('#containerFriendsRequestSent').html('');containerFriendsRequestSent设置为空白,然后重新加载。

答案 2 :(得分:0)

如果删除项目服务器端的逻辑正常,为什么不用" .remove()"?删除节点?它会更快,如果他们重新加载页面,它将正确地获取新朋友列表。