JQM如何在没有listview的情况下制作一个简单的列表答案

【问题标题】：JQM how to make a simple list without listviewJQM如何在没有listview的情况下制作一个简单的列表
【发布时间】：2015-03-09 15:18:44
【问题描述】：

我只是在处理列表并想创建一个简单的 .但似乎 JQM 设置了默认值 class="list-view" 即使我删除了 data-role="listview"。

有没有办法制作简单的列表（无样式）？

为什么？我只想制作我的特定风格而不重载 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"，也会生成一个列表视图类。

【问题讨论】：

你试过添加：data-role="none"
是的，“ui-content”类仍然存在。有什么想法吗？
尝试将 data-role="none" 添加到包括 LI 在内的所有元素？
你能发布你的代码吗？我刚刚在我的 JQM 站点中尝试过，我看到了一个简单的列表。还有什么版本的JQM？
我们真的需要您的代码来解决这个问题。在这个exemple 中，jquery mobile 不会增强列表，除非您要求它 (data-role="listview")

标签： listview jquery-mobile

【解决方案1】：

我很困惑！你所有的答案都是正确的。

我再次阅读了我的代码，发现我的

是用 JS 生成的。在我的函数结束时，我使用了这段代码：

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

你所有的答案都帮助了我。感谢堆栈社区。p>

【讨论】：