处理此问题的推荐方法是什么？移动 HTML5答案

【问题标题】：What is the recommended way to handle this issue? Mobile HTML5处理此问题的推荐方法是什么？移动 HTML5
【发布时间】：2014-09-25 22:16:45
【问题描述】：

我正在使用 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>

而且它只显示前七个。在前七个之后还有更多，但屏幕只允许用户查看前七个，因为它在显示第 7 个单词时到达屏幕底部。

让用户查看所有这些的最佳方式是什么？谢谢！

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

【问题讨论】：

将它们附加到<div role="main" class="ui-content">

标签： jquery html jquery-mobile cordova mobile

【解决方案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>

【讨论】：