Question

我只是在列表上工作，想要创建一个简单的。但似乎JQM设置了一个默认的class =＆＃34; list-view＆＃34;即使我删除了data-role =＆＃34; listview＆＃34;。

有没有办法制作简单的清单（没有样式）？

为什么呢？我只是想让我的特定风格没有过载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 =＆＃34; none＆＃34;，也会生成列表视图类。

Answer 1

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

我再次阅读我的代码，看到我的

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

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

你的所有答案对我有帮助。感谢堆栈社区。

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

1 个答案: