在Jquery中创建项目列表

时间:2016-01-21 13:50:19

标签: javascript jquery

我正在开发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>

但它不能与我合作,请提供建议

1 个答案:

答案 0 :(得分:1)

对于初学者,你有两个#list id,尝试从div中删除id。

你永远不应该有两个id相同。

此外,将append和empty更改为类“.list”并删除两个ID