2

我对 JQuery 和 Javascript 都很陌生。我有一个 XML 文件，其中存储了一些产品，我想将这些产品显示在可折叠 div 中作为可折叠 div。我有以下 Javascript 文件：

$(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 可折叠 div。这些是我在 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）才能显示它们。如果有人可以帮助我解决这个问题，我将非常感激，因为我不知道如何解决它。

4

1 回答 1

1

当您在页面初始化后通过 ajax 附加一个 jquery 移动小部件时，您必须 .trigger("create").ie

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

为了更好地理解学习这个文档。

于 2012-12-14T08:15:56.750 回答