php未正确显示的jquery mobile listview

我从mySQL和php填充listview，但当响应文本返回html时，它显示为纯文本，而不是listview。 这是我的html代码：

<div data-role="page" id="myevents" data-theme="a">
<?php include("profileHeader.php");?>
<div data-role="main" class="ui-content" >
<div data-role="collapsible" data-collapsed="false"><h2>My events</h2>
<ul data-role="listview" id="myeventslist" data-inset="true">
</ul></div>
    </div>

我的事件

这是html文件中的脚本：

<script>
$(document).on("pagecreate","#myevents",function(){
var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("myeventslist").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "myeventslist.php", true);
    xmlhttp.send();

});

$（document）.on（“pagecreate”，“#myevents”，function（））{
var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
document.getElementById（“MyEventList”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”，“myeventslist.php”，true）；
xmlhttp.send（）；
});

这是我的php脚本（myeventslist.php文件）：

//前面是PDO语句
$myeventslist=''；
foreach（$stmtmyeventslist->fetchAll（PDO:：FETCH_ASSOC）作为$myeventsrow）{
$myeventslist.='
。$myeventsrow['eventname'].
；
}
$db=null；//闭合连接
}捕获（PDO$e）{
//echo$e->getMessage（）；
回显“错误，15分钟后重试”；
模具（）；
}
echo$myeventslist；

但结果并不是我所期望的：（：

---

呵呵，我没有声誉等级10来发布图片

我找到了一个解决方案。在html中，脚本块必须包含：

$("#myeventslist").append(xmlhttp.responseText);
            $("#myeventslist").listview('refresh');

而不是：

document.getElementById("myeventslist").innerHTML = xmlhttp.responseText;

document.getElementById("myeventslist").innerHTML = xmlhttp.responseText;