Question

我有一个列表，我只显示图标和标题 - 没有JQM格式。如果screenwidth低于320 px，我想将列表转换为JQM <ul data-role="listview">列表。

我可以通过Jquery添加属性，但是当我调用$（'。menuList'）。listview（'refresh'）;我收到以下错误：

在初始化之前无法调用listview上的方法;试图调用方法'刷新'

关于我做错了什么的线索？

谢谢！

频繁

HTML：

<ul class="menuList">
    <li>
        <div>
            <a href="l" data-transition="slide" rel="external" class="iconViewport icon">
                <span class="menuTitle">GoHere</span>
                <span class="pusher">111</span>
            </a>
        </div>
    </li>
</ul>

Jquery的

function enhanceMobile ()
{
    $('.menuList').attr('data-role', 'listview');
    $('.menuList').listview('refresh');
}

Answer 1

您无法在不属于列表视图的元素上调用.listview('refresh');。

如果您只是刚刚添加data-role，则必须调用调用窗口小部件构造函数的.listview();（而.listview('refresh');调用窗口小部件的刷新方法）

[我已经通过电子邮件发送给您了，但它属于这里:)]

将<ul>更改为<ul data-role =“listview”> </ul> </ul>

1 个答案: