0

右側にアイコンのないリストビューを作成するには? jQuery Mobile で読み取り専用および通常のリストビューの外観を変更したいと考えています。PhoneGap でアプリをコンパイルしています。

次のような同様の投稿を読みました: How to add icon/image to listitem of ListViewですが、答えが得られませんでした。

4

1 に答える 1

3

私のコメントで述べたように、右側にアイコンがあるリストにはリンクがあります。

リンクされたコンテンツを含まない読み取り専用リストを作成できます。

詳細については、オンライン ドキュメントを確認してください。

http://jquerymobile.com/demos/1.0/docs/lists/lists-readonly.html

コードの例:

<div data-role="page">
    <div data-role="content">
        <ul data-role="listview" data-theme="a">
            <li>Acura</li>
            <li>Audi</li>
            <li>BMW</li>
            <li> Cadillac</li>
            <li> Ferrari</li>
        </ul>
    </div>
</div>

リンクを保持したい場合は、タグに追加data-icon="false"するだけです:<li>

コードの例:

<body>
    <div data-role="page" id="p1">
        <div data-role="content">
            <ul data-role="listview" data-theme="a" >                   
                <li data-icon="false"><a href="#p2">Go to page 2</a></li>
                <li data-icon="false"><a href="#p3">Go to page 3</a></li>
            </ul>
        </div>
    </div>

    <div data-role="page" id="p2">
        Hello! This is page 2!!!
    </div>

    <div data-role="page" id="p3">
        Hello! This is page 3!!!
    </div>
</body>

お役に立てれば

于 2012-09-20T09:11:52.307 に答える