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

时间:2014-09-25 22:16:45

标签: jquery html5 jquery-mobile cordova mobile

我正在使用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号之后的话,而且是相当灾难性的

1 个答案:

答案 0 :(得分:0)

我会做那样的事情:

<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>