我正在尝试创建一个动态可折叠列表。数据正在通过 ajax 并很好地列出,但是jQuery
没有应用移动样式,我不知道如何纠正这个问题。我已经尝试了一些我在互联网上找到的东西,但似乎没有任何效果。这是我正在使用的代码。
function button_directory(){
section_directory = document.getElementById("section_directory");
$("#display_area").fadeOut("slow", function(){
display_area.innerHTML = "";
title_bar.innerHTML = "DIRECTORY";
$("#display_area").fadeIn("slow", function(){
});
var directoryURL = protocol + domain + "query.php?sid="+code;
$.ajax({
url: directoryURL,
dataType: "json",
success: function(members) {
if(members.length > 0) {
temp = '<div data-role="collapsible-set" id="collapsible">';
$.each(members, function(index, value) {
temp +=
'<div data-role="collapsible" data-collapsed="true">'+
'<h3>'+value.firstName+' '+value.lastName+' - '+value.title+' '+value.type+'</h3>'+
'<p><strong>Company:</strong> '+value.company+'<br>'+
'<strong>territory:</strong> '+value.territory+'<br>'+
'<strong>Clients:</strong> '+value.clients+'</p>'+
'</div>';
});
temp +='</div>';
display_area.innerHTML = temp;
$("#collapsible").trigger("create");
//$("#display_area").find("div[data-role=collapsible]").collapsible();
//$("#display_area").trigger('create');
} else {
return false;
}
}
});
});
}