问jQuery Mobile:如何创建具有标题和说明的链接行
EN

Stack Overflow用户

提问于 2012-07-20 18:51:50

回答 1查看 158关注 0票数 0

jQuery移动中有一个示例:启动并运行，其中显示了一个包含标题、描述和链接的交互式列表

http://my.safaribooksonline.com/book/-/9781449331085/4dot-lists/id2712982

我找不到实现此目的的代码，到目前为止，我唯一能够重现相同效果的方法就是在<a>中嵌套一个<hX>元素，我知道这是一种糟糕的做法。

有谁能提出实现这一目标的正确方法吗？下面的示例工作，但只通过嵌套在。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" />
    <title>List Example</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>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head> 

<body>
    <div data-role="page" id="example">

        <div data-role="header" data-theme="c">
            <h2>List Example</h2>
        </div>

        <div data-role="content">

            <ul data-role="listview" >
                <li>
                    <a href="#">
                    <h3>Title1</h3>
                    <p>Description1</p>
                    </a>
                </li>
                 <li>
                    <a href="#">
                    <h3>Title2</h3>
                    <p>Description2</p>
                    </a>
                </li>
              </ul>
        </div>

</body>

</html>

html

jquery-mobile

回答 1

Stack Overflow用户

发布于 2012-07-20 21:41:52

从JQM docs (在“文本格式和计数”下)

添加文本层次结构，使用标题增加字体强调，使用段落减少强调。

因此，这似乎是正确的做法。也就是说，您可以在li中嵌套任何您想要的内容，并使用‘`CSS’设置样式。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11577848

复制

相似问题

问jQuery Mobile:如何创建具有标题和说明的链接行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery Mobile:如何创建具有标题和说明的链接行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery Mobile:如何创建具有标题和说明的链接行
EN