listview - 将 <ul> 更改为 <ul 数据角色 ="listview">

Question

我有一个仅显示图标和标题的列表 - 没有 JQM 格式。如果屏幕宽度低于 320 像素，我想将列表转换为 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');在已经不是 ListView 的元素上。

如果您刚刚添加 data-role ，您必须调用.listview();它调用一个小部件构造函数(而 .listview('refresh'); 调用小部件的刷新方法)

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