Question

我创建了一个动态生成函数并将其添加到HTML正文中的函数。但是，它似乎没有用我想要的样式更新。我知道动态添加的内容可能不会继承样式，因此在我的listview中我调用了listview（“refresh”。这次我添加了div。我尝试添加.page（）和其他解决方案，但它们都不是为我工作。我正在寻找解决方案。

function pageGenerator() {
  var strings = "<div data-role='page' id = 'page" + currentId + "' align = 'center' style='background-color: #3e99ff;'><div data-role='main' id = 'content" + currentId + "' class='ui-content'><h1 style='color:#ffffff; text-align:center; font-size: 34px; font-family: 'Quicksand', sans-serif !important;'>" + ArrayIndex[currentId] + "</h1></div><div data-role='footer' data-id='foo1' data-position='fixed'><div data-role='navbar'><ul><li><a href='#welcomescreen'>Home</a></li><li><a href='#about'>About</a></li></ul></div></div></div>";
  $("#page_body").append(strings);
// Move to this page by ID '#page'
  $.mobile.changePage("#page" + currentId);
  console.log(1);
  console.log(2);

}

Answer 1

之间缺少

$config['uri_protocol'] = 'REQUEST_URI';：

$.mobile.initializePage();和$("#page_body").append(strings);

请检查以下stackOverflow answer。你会发现同样的问题及其解决方案;）

在JQuery中动态添加页面不会使用新样式更新我的页面

1 个答案: