Javascript 未应用jQuery移动样式
我正在尝试创建一个动态可折叠列表。数据通过ajax处理并列出,但是没有应用Javascript 未应用jQuery移动样式,javascript,jquery,cordova,jquery-mobile,mobile,Javascript,Jquery,Cordova,Jquery Mobile,Mobile,我正在尝试创建一个动态可折叠列表。数据通过ajax处理并列出,但是没有应用jQuerymobile样式,我不知道如何纠正这一点。我在网上找到了好几样东西,但都没用。这是我正在使用的代码 function button_directory(){ section_directory = document.getElementById("section_directory"); $("#display_area").fadeOut("slow", function(){ display_are
jQuery
mobile样式,我不知道如何纠正这一点。我在网上找到了好几样东西,但都没用。这是我正在使用的代码
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;
}
}
});
});
功能按钮\u目录(){
section_directory=document.getElementById(“section_directory”);
$(“#显示区”)。淡出(“慢”,函数(){
显示_area.innerHTML=“”;
title_bar.innerHTML=“目录”;
$(“#显示区”).fadeIn(“慢”,函数(){
});
var directoryURL=protocol+domain+“query.php?sid=“+code;
$.ajax({
url:directoryURL,
数据类型:“json”,
成功:职能(成员){
如果(members.length>0){
温度='';
$.each(成员、函数(索引、值){
临时工+=
''+
''+value.firstName+''+value.lastName+'-'+value.title+''+value.type+''+
公司:'+value.Company+'
'+
“区域:”+value.territory+“
”+
“客户端:”+value.Clients+“”+
'';
});
温度+='';
display_area.innerHTML=temp;
$(“#可折叠”).trigger(“创建”);
//$(“#显示区”).find(“div[data role=collapsable]”)。collapsable();
//$(“#显示区”).trigger('create');
}否则{
返回false;
}
}
});
});
}您是否尝试过查看jQuery 1.3文档
查看并查看它是否有帮助您是否尝试调用
$(element).collapsable()
?是的,但不起作用。甚至尝试了$(“#显示区”)。可折叠(“刷新”);和$(“#显示区”).trigger('create');您是否尝试过:$(“#可折叠”).collapsableset(“刷新”);