建议如何处理此问题?移动HTML5

Question

我正在用jQuery Mobile 构建一个Cordova应用程序

我的应用程序使用for循环在数组中为用户显示一堆单词

 <div id=page1div></div>
 <script>
 $page1div = $("#page1div");
 // some codes here to make the array
 function filltheRecentDivGenerate()  
 {
    var list = " "; var len = results.length; 
    for (var i = 0 ; i < len ; i++)
    {
         list =+ " <h1> "+ results[i] + " </h1> ";
     }
 $page1div.html(list);
 }
 </script>

它只显示前七个。前七个单词后面还有很多，但屏幕只允许用户查看前七个，因为在显示第七个单词时，它已经到达屏幕底部。

让用户能够查看所有内容的最佳方式是什么？谢谢

如果它允许向下滚动，那么你能告诉我怎么做吗？我尝试了listview，但它不能让我看到7号之后的单词，这是一个相当灾难性的

Answer 1

我会这样做：

<div data-role="page">
    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->
    <div role="main" class="ui-content">
    </div><!-- /content -->
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->
<script type="text/javascript">
function filltheRecentDivGenerate()  
 {
    var list = " "; var len = results.length; 
    for (var i = 0 ; i < len ; i++)
    {
        $('.ui-content').append("<h1> "+ results[i] + " </h1>");
    }
 }
</script>