JQuery Mobile数据角色不适用于div

我对JQuery和Javascript都很陌生。我有一个XML文件，其中存储了一些产品，我想将这些产品显示在可折叠的div中作为可折叠的div。我有以下的JavaScript文件：JQuery Mobile数据角色不适用于div

$(document).ready(function() 
{ 
$.ajax({ 
type: "GET", 
url: "producten.xml", 
dataType: "xml", 
success: parseXml 
}); 
}); 

function parseXml(xml) 
{ 
var container = document.getElementById("behuizingen"); 
$(xml).find("behuizing").each(function() 
{ 
var release = document.createElement("div"); 
release.setAttribute('data-role', 'collapsible'); 
release.innerHTML = "<h3>" + $(this).find('naam').text() + "</h3>"; 
container.appendChild(release); 
}); 
}

这应该去找我的所有产品名称，并把它们放在一个可折叠的DIV，它正是这么做的，但它显示的名称为纯HTML文本，而不是一个jQuery Mobile的可折叠格。这是我在我的HTML文件导入：

<link rel="stylesheet" href="jquery.mobile-1.2.0/jquery.mobile.structure-1.2.0.css" /> 

<link rel="stylesheet" href="jquery.mobile-1.2.0/jquery.mobile-1.2.0.css" /> 

<link rel="stylesheet" href="styles/style.css" /> 

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 

<script src="jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.js"></script> 

<script src="styles/winkel.js"></script>

另外还有一件事，它不显示的产品，如果我从我的主页开始，然后导航到它显示了产品的页面，我必须刷新（ ctrl + f5）让他们展示。如果有人能帮助我，我会很感激，因为我不知道如何解决这个问题。

当你通过追加一个AJAX jQuery Mobile的插件的页面被初始化后，你必须.trigger（“创建”）

来源

2012-12-12 mayro

。即

$(...new markup that contains widgets...).appendTo(".ui-page").trigger("create");

更好地理解学习this文档。

来源

2012-12-14 08:15:56

JQuery Mobile数据角色不适用于div

回答

相关问题