我从服务器上获取了一些数据,并且创建了一个ul列表,以尝试更新样式。
似乎listview('refresh',true)
不起作用。我正在使用jqm 1.4 beta
function parseData(data)
{
var html = '<ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true">';
$.each(data, function( index, value ) {
html = '<li>' +
'<div data-role="collapsible">' +
'<p>' + value.title + '</p>' +
'</div>' +
'</li>';
});
html += '</ul>';
return html;
}
var div = $('#div');
div.html(parseData(data));
div.find('ul').listview('refresh',true);
有想法吗?
作为jQuery Mobile的1.4阿尔法2,.trigger('create')
和.trigger('pagecreate')
被取消,并将从1.5被移除。
这些函数的替换为.enhanceWithin()
,当在父元素上调用该函数时,将增强其中的所有小部件。
另外,可折叠的正确语法/标记是
<div data-role="collapsible">
<h4>Heading</h4> <!-- you were missing this tag -->
<p>collapsible / expandable contents</p>
</div>
要增强列表视图和可折叠性,您所需要做的就是
$('#div').enhanceWithin();
可折叠对象margin
从父对象继承而来li
,导致可折叠对象的标题和内容样式不足。添加以下CSS可解决此问题。
li .ui-collapsible-heading, .ui-collapsible-heading-toggle {
margin: 0 !important;
}
li .ui-collapsible-heading-collapsed .ui-collapsible-heading-toggle {
margin-bottom: 1px !important;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句