在JQMobile中由代碼數據主題設置

Question

我有一個用jquery mobile和javascript創建的頁面。 我正在使用ajax從服務器檢索一些數據以顯示在頁面上（描述，標題，...，數據主題）。

我已經在html和javascript中創建了頁面代碼，如下所示：

$(document).on('pagebeforecreate', '#descripcion', function (event, ui) {
retrievePoiData();
function retrievePoiData(){
  var jsonFile = '{"poi":"' +  poiID + '"}';
  $.ajax({
          type: "POST",
          url: urlServer+"retrieveData.php",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          data: jsonFile,
          success: function(response) {
                  title = response['title'];
                  latitude = response['coordinates']['lat'];
                  ...

然后，在成功功能中，我設置了網頁的所有文本和圖像：

          document.getElementById("title_poi").innerHTML = title;
          document.getElementById("image_poi").src = imageURL;
          document.getElementById("derecha_poi").innerHTML = description_short;
          document.getElementById("descr_larga_poi").innerHTML = description_long;

我可以在我的網頁上看到它們。

但是每次我嘗試對數據主題做同樣的事情時，我都做不到。 主題始終為“ a”。 我有一個css文件，其中包含許多字符（a，b，c .....，v）。 我在代碼中沒有找到對“ a”的引用，所以我不知道jqm為什么要加載該主題。

我只想在數據角色頁眉和頁腳中設置數據主題。 沒有更多的地方。 正確的方法是什么？

如果您需要查看更多代碼，請詢問。

Answer 1

使用.toolbar()方法更改頁眉和/或頁腳的主題。

$(".selector").toolbar({
    theme: "b" /* swatch */
});

.selector = [data-role=header] ， [data-role=footer] ， #id或.class 。

演示