jquery - Wordpress で jQuery を使用して新しい div を追加できないのはなぜですか?

Question

CSV ファイルに基づいてページ コンテンツを動的に生成しようとしています。

すべて正常に読み取れますが、ページに新しい div を作成できないようです。

<script type="text/javascript"><!--//--><![CDATA[//><!--
$(document).ready(function() {
 $.ajax({
        type: "GET",
        url: "celebs.csv",
        dataType: "text",
        success: function(data) {
             var newData = processData(data);
             for (var i in newData){
                buildCeleb(newData[i]);
             }
        },
        error: function(){
             alert('error');
        }
     });
function processData(allText) {
    var allTextLines = allText.split(/\r\n|\n/);
    var headers = allTextLines[0].split(',');
    var lines = [];
    for (var i=1; i<allTextLines.length; i++) {
        var data = allTextLines[i].split(',');
        if (data.length == headers.length) {
            var tarr = [];
            for (var j=0; j<headers.length; j++) {
                tarr.push(headers[j]+":"+data[j]);
            }
            lines.push(tarr);
        }
    }
    // alert(lines);
    return lines;
}
function buildCeleb(celeb){
var name = celeb[0].split(':')[1];
var facebook = celeb[1].split(':')[1];
var twitter = celeb[2].split(':')[1];
var reach = celeb[3].split(':')[1];
var profession = celeb[4].split(':')[1];
var photo = celeb[5].split(':')[1];
$("#cy-container").append("<div></div>");
}
});
 //--><!]]></script>

$("#cy-container").append("<div></div>");壊れそうな部分です。div を say 、nameor facebook、またはハードコードされた文字列リテラルに置き換えると、機能してページに表示されます。

さて、私はWordpressについてあまり知りませんが、私がしようとしていることに何か問題がありますか?

Answer 1

このようなことを試してください

$("#cy-container").append($("<div></div>"));

Answer 2

そのdivには、表示される値が含まれている必要があります..与えてみてください

$("#cy-container").append("<div>Hello "+name+"</div>");

Answer 3

これを試して

$('#cy-container').append("<div/>");