javascript - リスト アイテムが Ul に表示されない

Question

これは私のコードです：

$("#showing").append("<ul id='vrijemeObjava'");
for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $("#showing").append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}
$("#showing").append("</ul>");

これは FB.api 呼び出し内で行われます。「App.vrijemeObjavljivanja は、ul に入れたい日付の配列です。配列は入れられます<li></li>が、<ul>.

最終結果は次のようになります。

<ul id='vrijemeObjava'></ul>
<li>...</li>
<li>...</li>
<li>...</li>

の後にリスト項目が来る理由を誰か教えてください</ul>。

Answer 1

これを試して ：

$("#showing").append("<ul id='vrijemeObjava'></ul>");
for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $("#vrijemeObjava").append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}

（あなたの例では、ul openタグが正しく構築されていません.append("<ul id='vrijemeObjava'");>がありません）

より良いバージョン、ul を変数に格納:

$ul = $('<ul/>', {id : 'vrijemeObjava'}).appendTo("#showing");
for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $ul.append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}

Answer 2

追加するときは、要素全体 (開始タグと終了タグの両方) を追加します。代わりにこれを試してください：

$ul = $("<ul id='vrijemeObjava'></ul>");

for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $ul.append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}

$("#showing").append($ul);