我正在 Accordion 中制作一个简单的示例。实际上,当我使用动态数据时,我的列表没有显示。 我想做一个如下所示的演示。
这是我的代码 http://jsfiddle.net/3H87k/
var name = new Array();
name[0] = "Saab";
name[1] = "Volvo";
name[2] = "BMW";
name[3] = "BOW";
name[4] = "BLW";
var address = new Array();
address[0] = "Sjnnnnvvf";
address[1] = "Vtyubolvo";
address[2] = "BhjhubbMW";
address[3] = "ftyui";
address[4] = "fybmi";
$(document).ready(function () {
for(var i=0;i<name.length;i++){
$('#folderData').append('<div data-role="collapsible"<h3>'+
name[i]+'</h3>'+
'<p>'+address[i]+'</p>'+
'</div>');
}
// Refreshing the list
// $('#folderData').listview('refresh');
});
$(document).on('click','.rowclick',function(){
$('.ui-li-heading').removeClass('selected');
$(this).find('.ui-li-heading').addClass('selected');
});
最佳答案
您的可折叠 div 定义中缺少 >
。
除此之外,对于动态添加的元素,您必须在元素上强制可折叠
。
代码:
$('#folderData').find('div[data-role=collapsible]').collapsible();
主题概述
jQuery Mobile 有一个强大的主题框架,支持多达 26 组工具栏、内容和按钮颜色,称为“样本”。该框架附带五个定义的主题(样本“a”到“e”),可以轻松使用、删除或覆盖。
引用号:https://learn.jquery.com/jquery-mobile/theme-roller/
这样您就可以构建您的自定义样式。
关于jquery mobile Accordion 不工作(不显示),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21697238/