问题描述
||
我有一个仅显示图标和标题的列表-没有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\');
则调用小部件的刷新方法)
[我已经通过电子邮件发送给您,但是它属于这里:)]