0

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

我读过类似的帖子，例如：如何将图标/图像添加到 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 回答