改变＆LT; UL＆GT;到＆lt; UL数据角色= QUOT;列表视图＆QUOT;＆GT;

问题描述

我有我只用图标和标题显示的列表 - 没有JQM格式。如果屏幕宽度小于320像素，我想列表转换成JQM ＆LT; UL数据角色=列表视图方式＆gt; 列表

我可以通过jQuery添加属性，但是当我调用$（'菜单列表。'）列表视图（刷新）。我收到以下错误：

不能调用初始化之前ListView的方法;试图调用方法刷新

任何线索，我在做什么错了？

谢谢！

频繁

HTML

 ＆LT; UL类=菜单列表＆GT;
    ＆LT;立GT;
        ＆LT; D​​IV＆GT;
            ＆LT; A HREF =L数据过渡=滑相对=外部类=iconViewport图标＆GT;
                ＆LT;跨度类=menuTitle＆GT; GoHere＆LT; / SPAN＆GT;
                ＆所述;跨度类=推动器＆GT 111下; /跨度＆GT;
            ＆所述; / A＆GT;
        ＆LT; / DIV＆GT;
    ＆LT; /李＆GT;
＆LT; / UL＆GT;
 

jQuery的

 函数enhanceMobile（）
{
    $（'菜单列表）ATTR（'数据的作用，列表视图）。
    $（'菜单列表）列表视图（刷新）。
}
 

解决方案

您不能调用 .listview（'刷新'）; 元素上的不一个ListView了。

如果你只是刚加入数据角色，你必须调用 .listview（）; 这就要求一个小部件构造函数（而 .listview（'刷新'）; 调用控件的刷新方法）

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

I have a list which I'm displaying with icons and title only - no JQM formatting. If the screenwidth is below 320 px, I want to convert the list into a JQM <ul data-role="listview"> list.

I can add the attribute via Jquery, but when I call $('.menuList').listview('refresh'); I get the following error:

cannot call methods on listview prior to initialization; attempted to call method 'refresh'

Any clues as to what I'm doing wrong?

Thanks!

Frequent

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');
}

解决方案

You can't call .listview('refresh'); on an element that isn't a listview already.

If you just freshly add the data-role, you have to call .listview(); which calls a widget constructor (while .listview('refresh'); calls a refresh method of the widget)

[I already sent you that by e-mail, but it belongs here :) ]

这篇关于改变＆LT; UL＆GT;到＆lt; UL数据角色= QUOT;列表视图＆QUOT;＆GT;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！