我正在开发VS 2013 Cordova App。我想通过jquery创建新的项目列表。这是我的Html代码:
<div class="body" >
<ul class="list list-messages" id="list">
</ul>
</div>
这是我的js代码:
<script>
$(document).ready(function () {
$.ajax({
type: 'Get',
url: 'http://41.128.183.109:9090/api/data/getalllocations',
success: function (data) {
$("#list").empty();
for (var i = 0; i < data.length; i++) {
$("#list").append('<li class="list-message" data-ix="list-item"><a class="w-clearfix w-inline-block" href="chat.html" data-load="1"><div class="w-clearfix column-left"><div class="image-message"><img src="images/128.jpg"></div></div><div class="column-right"><div class="message-title">James White</div><div class="message-text">Hey dude! We are waiting for you at the main station, we will meet you near to....</div></div></a></li>');
}
}
});
});
</script>
但它不能与我合作,请提供建议
答案 0 :(得分:1)
对于初学者,你有两个#list id,尝试从div中删除id。
你永远不应该有两个id相同。
此外,将append和empty更改为类“.list”并删除两个ID