jQuery Mobile的：如何创建带有标题和描述

链接行有一个在jQuery Mobile的一个例子：它显示了包含标题，描述一个交互式列表启动和运行，并链接jQuery Mobile的：如何创建带有标题和描述

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>

来源

2012-07-20 Andrew Whitehouse

你在找这样的东西吗？ http://jquerymobile.com/demos/1.1.1/docs/lists/lists-formatting.html – 2012-07-20 11:39:08

从JQM docs（在“文本格式&计数”）

要添加文本层次结构，使用的标题，以增加字体的重点和使用段落来减少重点。

所以这似乎是正确的方法来做到这一点。也就是说，你可以在li中嵌入任何你想要的东西，并使用CSS来设置它的样式。

来源

2012-07-20 13:41:52 Jack

jQuery Mobile的：如何创建带有标题和描述

回答

相关问题