在 jQuery mobile 中创建并使用 {NUMBERS 数组} 在列表视图中显示内容

Question

我正在使用 jQuery mobile 和 Phonegap 来实现一个 iPhone 应用程序并希望实现一个列表视图，而不使用统计上的硬编码数据。

<ul data-role="listview" data-inset="true" class="ui-listview">
          <li>One</li>
          <li>Two</li>
          <li>Three</li>
</ul>

不像上面的硬代码。

我需要创建一个对象，例如带有数字列表（一、二、三、四、五等）的数组，并使用我想填充到列表视图中的数字数组。如何在 jQuery mobile 中创建和使用数组以在列表视图中显示内容。

Answer 1

你想做这样的事情：

var NUMBERS = ["one", "two", "three", "four", "five"];
for (var i=0; i < NUMBERS.length; i++) {
    $('#idofmylist').append($('<li/>', {    
            'id': id
        }).append($(NUMBERS[i]))));
}

你需要给你“ul”一个id，你可以引用它来使用jQuery的追加添加“li”。