1

我有一个带有以下 HTML 的页面并使用 JQuery Mobile UI 框架。我有 2 个查询：

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>

截屏： 在此处输入图像描述

4

1 回答 1

0

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

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

在这里工作 jsfiddle 。

于 2012-09-02T10:59:08.447 回答