我有一个 jQuery Mobile 模板,稍后将使用 phonegap/cordova 将其部署为 Android 应用程序。此模板通过 Web 服务与数据库交互。
这个应用程序的主题是自定义的,从 JQM 的“themeroller”下载。现在我有一个javascript文件(我的HTML部分中提到的scripts.js<head>
)如下 -
function GetBprList1() {
$.ajax({
type: "GET",
url: "http://192.168.0.101:80/DRLServiceHost/BPRService.svc/AllBPRS",
data: "{}",
contentType: "application/json",
dataType:"json",
success: function (msg) {
var BPRList = '';
BPRList += '<ul data-role="listview" data-inset="true">'
$.each(msg, function(i,v){
BPRList += '<li><a href="#bprPage" data-transition="slide"><p class="title">' + v.BPRNo + '</p><p class="bodyEle">' + v.BPR_Product +'</p><p class="bodyEle">' + v.BPR_Details+ '</p><br/><p class="bodyEle">' + v.BPR_Status + ':</p></a></li>'
})
BPRList += '</ul>' // Sending my dynamic <ul> to BPRListTable <div>
$("#BPRListTable").html(BPRList) ;
},
error: function () {
alert("error");
}
});
};
在这里,我使用 GET 的所有数据都在工作,并且<ul>
正在<li>
根据函数使用 s 创建 a。
但是我的 Jquerymobile 主题并没有被应用到这个动态添加的<ul>
和它<li>
的
谁能帮助我为什么这是一个问题?不能将 JQM 的主题应用于动态添加的 HTML 标记吗?