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

如何解决将<ul>更改为<ul data-role =“ listview”>

|| 我有一个仅显示图标和标题的列表-没有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\');
}

    

解决方法

您无法在尚未具有列表视图的元素上调用

.listview(\'refresh\');

。 如果只是刚添加了

data-role

，则必须调用

.listview();

来调用小部件构造函数（而

.listview(\'refresh\');

则调用小部件的刷新方法） [我已经通过电子邮件发送给您，但是它属于这里:)]