Question

我正在尝试创建动态可折叠列表。数据正在通过ajax并列出正常，但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;
            }
        }
    });
});

}

Answer 1

您是否尝试过查看jQuery 1.3文档？

查看http://api.jquerymobile.com/collapsible/#event-create并查看是否有帮助

没有应用jQuery移动样式

1 个答案: