无法格式化嵌套div中的数据

Question

我是jquery的新手。在嵌套div中显示记录时遇到问题。问题是当内部div被填充时它以正确的格式显示并且附加了适当的CSS类，但是当下一次内部div填充时它不会以适当的格式显示。

第一次加载

第二次加载

下面是用于形成嵌套div的代码。

var pidCount = retVal.length;
                for( var x = 0; x < retVal.length; x++ ) {
                    var pid=retVal[x]["PID"];
                    currOpp= retVal[x]["opp"];
                    if (prevOpp!= currOpp){
                        if (x>=0){
                            output += '</ul></p></div>';
                            oppCount++;
                        }
                        output += '<div data-role="collapsible"><h4>' + retVal[x]["oppn"] + '</h4><p><ul data-role="listview" data-inset="true" id="pidInner'+x+'"><li data-role="list-divider"></li>';

                    }
                    prevOpp= retVal[x]["opp"];
                    output += '<li><a onclick="RefreshProjectPage('+ pid + ')">'+pid+': '+retVal[x]["pn"]
                    +'<p class="client-detail"><span>Sales Prob : ' + retVal[x]["Prob"] 
                    + ' , Revenue : '+ retVal[x]["Curr"] + ' ' + retVal[x]["Rev"]
                    +'</span></p></a></li>';
                    if (x== retVal.length -1){
                        output += '</ul></p></div>';
                    }

                }
                output += '</div>';
                var div = $("#oppListView");
                div.empty();
                div.append(output);
                $("#oppListHeader").html(pidCount.toString() + " projects in "+ oppCount.toString() +" Opportunities");
                div.find('div[data-role=collapsible]').collapsible({refresh:true});

                if ( div.hasClass('ui-listview')) {
                    div.listview('refresh',true);
                     } 
                else {
                    $('#oppListView:visible').listview('refresh');
                     }

                $("#oppListView div div div ul").trigger('create');

谢谢， 拉吉夫