Javascript 问题。调用后加载不刷新div内容
我正在尝试使用Javascript 问题。调用后加载不刷新div内容,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用$(“#container”).load(“notification.html#container”) 单击“删除”按钮后刷新容器 目前,代码似乎没有正确加载,在运行后div中没有显示任何内容。当我手动刷新浏览器时,它会按预期显示内容 不确定这里有什么问题 _.each(Badges, function(item) { var wrapper = $('<div class ="NotifRemove"></div>'); wrapper.a
$(“#container”).load(“notification.html#container”)代码>
单击“删除”按钮后刷新容器
目前,代码似乎没有正确加载,在运行后div中没有显示任何内容。当我手动刷新浏览器时,它会按预期显示内容
不确定这里有什么问题
_.each(Badges, function(item) {
var wrapper = $('<div class ="NotifRemove"></div>');
wrapper.append('<img id="share_button" class="images responsive-image BadgeImgOutline" src="' + item.imageURL + '" />');
wrapper.append('<div class="tag badgelabel" >' + item.badgename + '</div>' + '<br>');
wrapper.append('<div class="tag awardedbylabel">' + item.AwardedBy + '</div>' + '<br>');
wrapper.append('<div class="tag awardedbylabel">' + item.BNotify + '</div>' + '<br>');
wrapper.append('<div class="tag senttolabel">' + item.AwardedTo + '</div>' + '<br>');
wrapper.append('<div type="button" class="wrapper portfolio-item-thumb one-third btn_badges btn-danger_badges mrs read">' + 'Remove' + '</div>' + '<br>' + '<div class="wrapper b_seperater"></div>' + '<br>');
$('#container').append(wrapper);
wrapper.children('.read').click(function() {
item.fetchedObject.set("B_Notify", "Read");
item.fetchedObject.save(null, {
success: function(results) {
console.log("Read");
$('.NotifRemove').children.hide();
$("#container").load("notification.html #container");
},
error: function(contact, error) {
// The save failed.
// error is a Parse.Error with an error code and description.
alert("Error: " + error.code + " " + error.message);
}
});
});
});
\每个(徽章、功能(项目){
var包装器=$('');
append(“”);
append(“”+item.badgename+“”+”
);
append(“”+item.AwardedBy+“”+”
”);
wrapper.append(“”+item.BNotify+“”+”
);
包装器。追加(“”+item.AwardedTo+“”+”
”);
append(“+”删除“+”+”
“+”+”
”);
$('#container')。追加(包装器);
wrapper.children('.read')。单击(函数(){
item.fetchedObject.set(“B_Notify”、“Read”);
item.fetchedObject.save(null{
成功:功能(结果){
控制台日志(“读取”);
$('.NotifRemove').children.hide();
$(“#container”).load(“notification.html#container”);
},
错误:功能(联系人,错误){
//保存失败。
//错误是一个解析。错误包含错误代码和说明。
警报(“错误:+Error.code+”“+Error.message”);
}
});
});
});
此处创建的小提琴“显示相关内容”-什么是相关内容。。?“目前,两者都使用”-你说两者都是什么意思。。?顺便说一句,请正确格式化代码notification.html
是根文件夹中一个单独的html文件,其中有一个id为“container”的元素,每次load()
时,您都希望看到与以前加载的内容完全相同的内容。正确..?基本上是的,用户单击“删除”按钮,然后通过刷新div将数据库中的标志变为“读取”,该特定标志将不再显示。希望有帮助吗?notification.html
是一个单独的文档还是您正在使用的文档load()
将始终加载notification.html
中相同的静态内容。或者该文件是由服务器端脚本(如php
)生成的?@TJ yes通知是一个单独的文档。notification.html有一个div#容器,其中的内容是从notification.js生成的。我正在使用parse.com和javaScript SDK创建一个返回数据的查询