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>");部分似乎被打破了。如果我使用say name或facebook或者甚至是硬编码的字符串文字替换div，它会起作用并显示在页面上。

现在，我对Wordpress知之甚少，但是我想要做的事情有什么问题吗？

Answer 1

该div应该中的某些值才能显示.. 试着给予

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

Answer 2

尝试这样的事情

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

Answer 3

试试这个

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

为什么我不能在Wordpress中使用jQuery添加新的div？

3 个答案: