问题描述

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

//

 $.ajax({          type: 'post'           url: ajaxUrl //<%=request.getParameter("""")%>          data:  {id:p_idcur_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);
这句后面增加组件初始化的代码