jQuery 모바일 스타일이 적용되지 않습니다.

Question

동적 축소 가능 목록을 만들려고합니다. 데이터가 아약스를 통해 빠져 나와 괜찮은 목록을 표시하지만 jQuery 모바일 스타일링이 적용되지 않고 있으며이를 수정하는 방법이 없습니다. 나는 인터넷에서 발견 한 몇 가지 것을 시도했지만 아무것도 작동하지 않는 것 같습니다. 여기에 제가 사용하고있는 코드가 있습니다.

Answer 1

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; 
      } 
     } 
    }); 
}); 

는} 당신이 jQuery를 1.3 문서에서 찾고 시도? 그것은`$ (요소) .collapsible()`를 호출