2013-04-01 66 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(」刷新「); –

回答