将 <ul> 更改为 <ul data-role="listview">答案

【问题标题】：changing <ul> to <ul data-role="listview">将 <ul> 更改为 <ul data-role="listview">
【发布时间】：2011-08-04 17:50:09
【问题描述】：

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

我可以通过 Jquery 添加属性，但是当我调用 $('.menuList').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');
}

【问题讨论】：

标签： listview refresh jquery-mobile

【解决方案1】：

您不能在已经不是列表视图的元素上调用 .listview('refresh');。

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

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

【讨论】：