Question

我有一个jQuery Mobile模板，后来将使用phonegap / cordova部署为Android应用程序。此模板通过Web服务与数据库交互。

这个应用程序的主题是自定义的，从JQM的“themeroller”下载。现在我有一个javascript文件（ scripts.js 在我的HTML <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>。

但我的Jquerymobile主题未应用于此动态添加的<ul>及其<li>的

任何人都可以帮助我为什么这是一个问题？是否无法将JQM的主题应用于动态添加的HTML标记？

将Themeroller应用于动态创建的项目

0 个答案: