Javascript 未应用jQuery移动样式

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

我正在尝试创建一个动态可折叠列表。数据通过ajax处理并列出,但是没有应用
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+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+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(“刷新”);