jQuery mobile ajax加载数据后没有样式,麻烦帮帮忙谢谢!

//

 $.ajax({
          type: 'post', 
          url: ajaxUrl, //<%=request.getParameter("")%>
          data:  {id:p_id,cur_page:curpage},
          dataType: 'json',
          success: function (data) {
            //判断返回的集合是否为空
             if(data.examInfoList!=null&&data.examInfoList!="null"){
               //拼接html
               $.each(data.examInfoList, function(n, value) {

                         if(n==0){
                             contentHtml=contentHtml+"<div data-role='collapsible' data-collapsed='false'>";
                            }else{
                             contentHtml=contentHtml+"<div data-role='collapsible'>";
                            }
                         contentHtml =contentHtml+"<h3>"+value.title+"</h3>";
                         contentHtml =contentHtml+"<p>"+value.content+"<p>";
                         contentHtml =contentHtml+"</div>"; 
                    }); 
             }else{

                contentHtml="<h3>没有查找先关数据,看看其它吧!</h3>";
             }
          $("#scol").after(contentHtml);
          },
          error: function () {
              alert('ajax提交失败的处理函数!');
          }
      });
}

//加到 ID为scol的div中

 <div data-role="content" >

            <div id="scol" data-role="collapsible-set">

            </div>
    </div>
    <!-- /content -->
    <div data-role="footer">

    </div>
</div>

jquery mobile动态加载节点需要重新刷新组件
http://blog.csdn.net/small_rice_/article/details/22396969

你这个插件已经初始化过了吧,你再添加数据肯定不会进行ui重绘。
$("#scol").after(contentHtml);
这句后面增加组件初始化的代码