0

jQuery Mobile: Up and Running に、タイトル、説明、およびリンクを含むインタラクティブなリストを示す例があります。

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

これのコードが見つかりません。これまでに同じ効果を再現できた唯一の方法は、<hX>内に要素をネストする<a>ことです。これは悪い習慣だと理解しています。

誰でもこれを達成する正しい方法を提案できますか? 以下の例は機能しますが、 .

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

1 に答える 1

0

JQMドキュメントから（「テキストのフォーマットとカウント」の下）

テキスト階層を追加するには、見出しを使用してフォントの強調を増やし、段落を使用して強調を減らします。

だから、それはそれを行う正しい方法のようです。つまり、好きなものをネストして、li`CSS'を使用してスタイルを設定できます。

于 2012-07-20T13:41:52.293 に答える