将角色更改为<ul <ul> -“>=”listview“>

Question

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

我可以通过Jquery添加属性，但是当我调用$(‘.menuList’).listview(‘refresh’)时，我得到以下错误：

在初始化之前无法调用listview上的方法；尝试调用方法“”refresh“”

有线索知道我哪里做错了吗？

谢谢!

频繁

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');调用小部件的刷新方法)

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