Jquery mobile 缺少最后一项的底部边框_Jquery Mobile

Jquery mobile 缺少最后一项的底部边框

jquery-mobile

Jquery mobile 缺少最后一项的底部边框,jquery-mobile,Jquery Mobile,我有一个包含以下HTML的页面，并使用JQuery Mobile UI框架。我有两个问题： 1）为什么最后一个元素的下边框会隐藏？如果我删除标题，它将开始出现。请建议我如何保持标题，使底部边框不会隐藏 2）为什么加载程序在页面加载后仍保持可见-已解决。。我错过了最后的头球谢谢 <!DOCTYPE html> <html> <head> <title>app</title> <link

我有一个包含以下HTML的页面，并使用JQuery Mobile UI框架。我有两个问题：

1）为什么最后一个元素的下边框会隐藏？如果我删除标题，它将开始出现。请建议我如何保持标题，使底部边框不会隐藏

2）为什么加载程序在页面加载后仍保持可见-已解决。。我错过了最后的头球

谢谢

<!DOCTYPE html>
<html>
    <head>
        <title>app</title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
    </head>
    <body>
        <header data-role="header">

            <h1>
                My Application</h1>
        </header>


        <article data-role="content">
            <ul data-role="listview" >
                <li><a href="#">
                        <h1>Heading 1</h1>
                        <img src="http://www.f-secure.com/static/img/labs_global/Icons/98/forum_bubbles_icon.png" alt="cards"/>
                        <p>Select this option to lorum ipsum</p></a>
                </li>
                <li><a href="#">
                        <h1>Heading 2</h1>
                        <img src="http://www.f-secure.com/static/img/labs_global/Icons/98/forum_bubbles_icon.png" alt="cards"/>
                        <p>Select this option to lorum ipsum</p></a>
                </li>
                <li><a href="#">
                        <h1>Heading 3</h1>
                        <img src="http://www.f-secure.com/static/img/labs_global/Icons/98/forum_bubbles_icon.png" alt="cards"/>
                        <p>Select this option to lorum ipsum</p></a>
                </li>
                <li><a href="#">
                        <h1>Heading 4</h1>                
                        <img src="http://www.f-secure.com/static/img/labs_global/Icons/98/forum_bubbles_icon.png" alt="cards"/>
                        <p>Select this option to lorum ipsum</p></a>

                </li>
            </ul>
        </article>


    </body>
</html>


应用程序
我的申请

截图：

这是body标签。。在打开身体之前闭上你的头

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
    </head>
    <body>
       [...]
    </body>
</html>


[...]

正在工作。

嗨，谢谢。那是我这边的错别字。它修复了加载程序问题。谢谢你指出这一点。但是，我的主要查询仍处于打开状态：（为什么底部边框不显示在列表视图的最后一个元素下。我看不出问题的根源，但在ul帮助后添加。检查更新。谢谢..添加解决了问题。但是，好奇的是问题是什么，这个空间是如何修复的。有人吗？附加注释-如果我删除标题或将元素数减少到2，那么底部边框正确显示。但是有4个元素和一个标题，它隐藏了。