JQM如何制作没有listview的简单列表

JQM如何制作没有listview的简单列表,listview,jquery-mobile,Listview,Jquery Mobile,我只是在列表上工作,想创建一个简单的。但JQM似乎设置了一个默认类=列表视图,即使我删除了数据角色=列表视图 有没有一种方法可以使简单的列表没有样式 为什么??我只想在不重载JQM样式的情况下创建我的特定样式 谢谢 这是我的密码: <div data-role="page" id="index"> <div data-role="header"> <h1>Quick List & Go</h1> </d

我只是在列表上工作,想创建一个简单的。但JQM似乎设置了一个默认类=列表视图,即使我删除了数据角色=列表视图

有没有一种方法可以使简单的列表没有样式

为什么??我只想在不重载JQM样式的情况下创建我的特定样式

谢谢

这是我的密码:

<div data-role="page" id="index">
    <div data-role="header">
        <h1>Quick List & Go</h1>
    </div>
    <div role="main" class="ui-content">
        <ul id="categoriesListContainer" data-role="none"></ul>
    </div>
    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
            <ul>
            <li><a href="#index">Home</a></li>
            <li><a href="#myShoppingList">Shopping List</a></li>
            <li><a href="#anylink">Search</a></li>
            </ul>
        </div>
    </div>
</div>
生成的代码:

<div role="main" class="ui-content">
    <ul id="categoriesListContainer" data-role="none" class="ui-listview">
        <li data-id="1" data-category="fruits" data-page="products" class="ui-first-child"><a href="#products" class="fruits ui-btn ui-btn-icon-right ui-icon-carat-r">fruits</a></li>
        <li data-id="2" data-category="légumes" data-page="products"><a href="#products" class="vegetables ui-btn ui-btn-icon-right ui-icon-carat-r">légumes</a></li>
        <li data-id="3" data-category="viande" data-page="products" class="ui-last-child"><a href="#products" class="meat ui-btn ui-btn-icon-right ui-icon-carat-r">viande</a></li>
    </ul>
</div>

因此,即使我使用了data role=none,也会生成一个列表视图类。

我太困惑了!你的答案都是正确的

我再次阅读了我的代码,发现我的代码是用JS生成的。在我的函数结束时,我使用了以下代码:

myUL.listview();
myUl.listview("refresh");

你所有的回答都帮助了我。感谢stack community。

您是否尝试添加:data role=noneYes,并且类ui内容仍然存在。有什么想法吗?尝试向包括LI在内的所有元素添加data role=none?您可以发布代码吗?我刚刚在我的JQM站点上试用过,我看到了一个简单的列表。还有什么版本的JQM?我们真的需要你的代码来修复这个问题。在这种情况下,jquerymobile不会增强列表,除非您要求它使用data role=listview