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;

我可以在我的网页上看到它们。

但每次我尝试用数据主题做同样的事情时，我都无法做到。主题总是＆＃34; a＆＃34;。我有一个包含大量字符的css文件（a，b，c .....，v）。我在代码中找不到任何关于＆＃34; a＆＃34;所以我不知道为什么jqm正在加载那个主题。

我只想在数据角色页眉和页脚中设置数据主题。不是在更多的地方。这样做的正确方法是什么？

如果您需要查看更多代码，请询问。

Answer 1

使用.toolbar()方法更改页眉和/或页脚的主题。

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

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

<强> Demo

在JQMobile中通过代码数据主题设置

1 个答案: