改变到

Question

我有一个仅显示图标和标题的列表 - 无 JQM 格式。如果屏幕宽度低于 320 px，我想将列表转换为 JQM

列表。

我可以通过 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') ; 调用小部件的刷新方法）

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