2013-04-01 44 views
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+'&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; 
      } 
     } 
    }); 
}); 

}

+0

没有ü尝试调用'$(元素).collapsible()'? –

+0

是的,但没有奏效。甚至试过** $(“#display_area”)。collapsible('refresh'); **和** $(“#display_area”)。trigger('create'); ** –

+1

你试过了吗:可折叠“).collapsibleset(”刷新“); –

回答