0
我正在尝试创建动态可折叠列表。数据正在通过ajax并列出来很好,但jQuery
移动样式没有被应用,我不知道如何解决这个问题。我尝试了几种在互联网上找到的东西,但似乎没有任何效果。这是我正在使用的代码。未应用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;
}
}
});
});
}
没有ü尝试调用'$(元素).collapsible()'? –
是的,但没有奏效。甚至试过** $(“#display_area”)。collapsible('refresh'); **和** $(“#display_area”)。trigger('create'); ** –
你试过了吗:可折叠“).collapsibleset(”刷新“); –