Jquery mobile 如何使某些项目（在listview中）具有左图标位置

我有一个列表视图

我尝试用

数据iconpos=“left”

将项目的图标从右向左更改，但它不起作用。 怎么做谢谢

---

我想1.4中不再支持数据iconpos

您可以使用CSS：

<ul data-role="listview" data-inset="true" data-divider-theme="a">
    <li class="iconLeft"><a href="#">Inbox</a></li>
    <li><a href="#">Outbox</a></li>
</ul>
.iconLeft a{
    padding-left: 2.5em !important;
    padding-right: 1em !important;
}
.iconLeft a:after{
    right: auto;
    left: 9px;
    transform: scaleX(-1);
}

.我离开了{
左侧填充：2.5em！重要；
右边填充：1em！重要；
}
a:在那之后{
右：自动；
左：9px；
转换：scaleX（-1）；
}

更新

---

在jQuery Mobile 1.4中，这对我来说是可行的，不需要额外的样式：

<div data-role="page" id="demo-page">
    <div role="main" class="ui-content">
        <ul data-role="listview" data-inset="true">
            <li><a href="#" class="ui-btn ui-btn-icon-left ui-icon-delete">Option 1</a></li>
            <li><a href="#" class="ui-btn ui-btn-icon-left ui-icon-gear">Option 2</a></li>
            <li><a href="#" class="ui-btn ui-btn-icon-left ui-icon-info">Option 3</a></li>
        </ul>
    </div>      
</div>

---

请参阅。

费尔南多是正确的，在1.4之内，您可以采用该解决方案。然而，我们需要将每个类添加到每个锚标记中，这确实让我很恼火。级联？或者瞄准每个标签。jQuery mobile中有太多不必要的低级css。最好是针对相关链接，然后在必要时定义任何细节（例如使用data icon=“home”）。别误会，这是一个简单的使用框架，我已经部署了几个使用该框架的应用程序，但它可能更轻，因此在处理源代码时更容易使用。有鉴于此，公认的答案提供了一个解决方案（可以应用于更广泛的应用中的亲子关系），但上述方法在1.4版本中是正确的

进一步展开（我知道原来的问题是针对一个li的，但为那些可能正在寻找所有并保持html轻松的人说明了我的观点）

---

不是，我们可以针对所有这些李。我在我的面板上使用这种方法来获得与google Adsense/analytics相似的外观，我认为这非常流畅。

尝试查看此代码。我在JQM脚本文件中尝试了上述更改，它起了作用，但将更改为全局级别

<ul data-role="listview" class="iconLeft"><li>....</ul>

.iconLeft li a {background:#ffffff !important;}
.iconLeft li a{
    padding-left: 2.5em !important;
    padding-right: 1em !important;
}
.iconLeft li a:after{
    right: auto;
    left: 9px;
    transform: scaleX(-1);
}