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 に配置する必要があります。まさにそれを行いますが、JQuery Mobile の折りたたみ可能な div ではなく、プレーンな HTML テキストとして名前を表示します。これらは、私の 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 に答える