在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 。

演示