Question

如何制作没有右侧图标的列表视图？我想在jQuery Mobile中改变我的只读和普通列表视图的外观。我正在使用PhoneGap编译应用程序。

我读过类似帖子：How to add icon/image to listitem of ListView，但无法得到答案。

Answer 1

正如我的评论中所提到的，右侧带有图标的列表有一个链接。

您可以创建不包含链接内容的只读列表。

您可以查看在线文档以获取更多信息：

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>

希望这有帮助

如何制作没有右侧图标的列表视图？

1 个答案: