可以't在页面加载Javascript之前添加到DOM内容
Can't add to DOM content before page load Javascript
我目前正试图在从parse查询后使用javscript将一堆元素添加到列表中。
如果我不添加任何点击监听器,我可以获得完整的列表,但是如果我添加了点击监听器,则只有前5项出现在列表中。
这是我的javascript文件中的代码,它首先在html:中被调用
if (!Parse.User.current()){
window.location.href = 'index.html';
}
else {
getParticipants();
}
$( document ).ready(function() {
$('#sign-out').click(function(){
Parse.User.logOut();
window.location.href = 'index.html';
});
});
function getParticipants (){
var Participants = Parse.Object.extend("Participants");
var query = new Parse.Query(Participants);
query.ascending("patientID");
query.find({
success: function(results) {
for (var i = 0; i < results.length; i++) {
var object = results[i];
var id = object.get("patientID");
$(".list-group").append("<li class='list-group-item' id='" + id + "'>" + id + "</li>");
(function (id) {
$('#' + object.get("patientID")).click(function (e) {
e.preventDefault();
if (typeof(Storage) !== "undefined") {
localStorage.setItem("patientID", id);
} else {
// Sorry! No Web Storage support..
}
window.location = 'profile.html';
});
}(id));
}
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
}
在页面加载之前,您永远不能修改DOM,因为此时DOM还没有准备好。
任何DOM操作都应该在onload事件被激发之后进行。
相关文章:
- 单击更改图标并通过javascript添加一个css类
- 用Javascript添加带有#text的tr元素
- 如何将javascript添加到Wordpress侧边栏中
- 如果选中复选框,则 JavaScript 添加值
- 如何使用javascript添加svg
- 用javascript添加类,而不是替换
- 如何选择具有类名的元素并使用javascript添加到数组中
- 使用JSON和JavaScript添加额外的html列表元素
- 以编程方式将特定的JavaScript添加到Qualtrics中的特定问题中
- 使用JavaScript添加单词样式,但避免链接
- 如何将javascript添加到wordpress网站
- 使用 javascript 添加微数据
- 通过JavaScript添加引导按钮
- 通过javascript添加重复元素
- 如何使用Javascript添加和使用Div作为总计算器
- 关于为JavaScript添加适当的语言环境支持,我目前有什么建议可以遵循吗
- Javascript-添加具有不同值的相同属性
- 如果在数组中发现重复,则必须通过纯javascript添加带关键字的索引
- 在本地将javascript添加到examplep中以执行数学/公式运算
- JavaScript添加天数