如何创建列表符号设置为“外部”的jquery mobile有序列表？

我想：

   1.
   Heading 
   Description

我本以为我可以坚持列表样式的位置：外部作为带有li标记的内联样式。不走运。如果删除listview数据角色，则会正确应用样式

关于listview日期角色是如何操纵样式的，我不知道如何。。。我在jquery mobile css和js文件中搜索了列表样式的位置行，但没有返回任何结果，这是怎么回事

请帮帮忙

---

另外，使用jquery mobile 1.0a4.1看起来需要添加一些自定义CSS

实例： 实例2：（稍微修改了布局）

HTML:

更新：

如果您安装了chrome，您可以右键单击此处的示例页面：并检查元素。正如您所看到的，jQM为CSS添加了一个

因此，在本例中，我们从以下内容开始：

.oi-li-heading {
    font-size: 16px;
    font-weight: bold;
    margin: .6em 0;
}

.oi-li-desc {
    font-size: 12px;
    font-weight: normal;
    margin: -.5em 0 .6em;
}

标题
描述

jQM将其标记添加到以下内容：

<ol data-role="listview">
    <li>
        <h3>heading</h3>
        <p>description</p>
    </li>
</ol>

标题
描述

在jquery移动应用程序中创建编号列表时，我遇到了同样的问题。下面的css为我解决了这个问题：

<ol data-role="listview" class="ui-listview">
    <li class="ui-li ui-li-static ui-body-c">
        <h3 class="ui-li-heading">heading</h3>
        <p class="ui-li-desc">description</p>
    </li>
</ol>

---

Hrm，您的示例似乎在JSFIDLE中工作，但当我将其复制到我的项目中时，它就不工作了。我正在使用jquery.jsv1.4.4和jquery-mobile.jsvs1.0a4.1。我注意到JSFIDLE没有提到jquery mobile。事实上，我使用的是jquery.js v1.5.2和jquery-mobile.js v1.0.a4.1。此外，我还对第二个示例中的CSS做了一些修改。好的，代码很有效。起初，我使用的是你最初的例子。我希望有一个更好的解决方案，我不喜欢依靠填充来对齐东西。如果在多个不同的浏览器中查看代码，则输出将不相同。我希望得到一个答案，为什么将列表样式的位置设置为li takes不起作用，以及如何覆盖它。嗯，它确实起作用，除非添加另一个标记，如or标记，这会取消显示并将新元素设置在数字下，而不是将数字保持在元素的左侧。我将把这作为一个问题提出，看看jQM开发人员会怎么说。您可以在这里关注这个问题：下面是数字列表工作的示例：但正如您所看到的，它是内联显示的。当添加标题和描述标签时，这也会添加CSS，这会使有序列表的显示中断

.oi-li-heading {
    font-size: 16px;
    font-weight: bold;
    margin: .6em 0;
}

.oi-li-desc {
    font-size: 12px;
    font-weight: normal;
    margin: -.5em 0 .6em;
}

<ol data-role="listview">
    <li>
        <h3>heading</h3>
        <p>description</p>
    </li>
</ol>

<ol data-role="listview" class="ui-listview">
    <li class="ui-li ui-li-static ui-body-c">
        <h3 class="ui-li-heading">heading</h3>
        <p class="ui-li-desc">description</p>
    </li>
</ol>

  ol.ui-listview .ui-li-heading {
    display: inline-block;
    width: 100%;
    margin-left: -1.3em;
    text-indent: 1.3em;
    vertical-align: middle;
  }