Question

我将此作为我的代码，但我无法将其输出。它应该输出到

var guestList = [{
    name: "Alex",
    address: "283 Happy Lane"
}, {
    name: "Avery",
    address: "32 Skippy Skip"
}, {
    name: "Pat",
    address: "666 Heaven St."
}, {
    name: "Bobbie",
    address: "83 Quality St."
}, {
    name: "Parker",
    address: "92 Batty Bat"
}];
$(document).ready(function () {
    for (pointer = 0; pointer < guestList.length; pointer++) {
        labelHtml =
            "<div class='label'>" + "<p>" + guestList[pointer].name + "</p>" + "<p>" + guestList[pointer].address + "</p>" + "</div>";
        $("body").append(labelHtml);
    }
});

Answer 1

这段代码对我有用，这让我问你两个愚蠢的问题：

您是否在页面上包含了jQuery？
您是否有样式表规则阻止列表要显示的项目或列表？

我很抱歉，但这只能是这两件事之一。

Answer 2

几乎没有更正：

在脚本开头使用.ready（）函数总是安全的
pointer变量未定义。
您不会将其添加到变量labelHtml。

更新了脚本：

$(document).ready(function () {
    var guestList = [
    {
        name: "Alex",
        address: "283 Happy Lane"
    }, {
        name: "Avery",
        address: "32 Skippy Skip"
    }, {
        name: "Pat",
        address: "666 Heaven St."
    }, {
        name: "Bobbie",
        address: "83 Quality St."
    }, {
        name: "Parker",
        address: "92 Batty Bat"
    }];

    for (var pointer = 0; pointer < guestList.length; pointer++) {
        labelHtml +=
            "<div class='label'>" + "<p>" + guestList[pointer].name + "</p>" + "<p>" + guestList[pointer].address + "</p>" + "</div>";
        $("body").append(labelHtml);
    }
});

Answer 3

此代码实际上有效！见这里：http://jsfiddle.net/c7W7C/

您是否正确包含了jQuery？尝试：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Answer 4

如果您使用的是jquery-mobile ，则不应使用$(document).ready()，因为jqm正在加载带有ajax的网页，并且无法保证$(document).ready()在此处正常工作上下文。请参阅JQM documentation。

尝试.on('pageinit'...)或.on('pageshow'...)代替（根据您的需要）：

$(document).on('pageinit', function () {
    var guestList = [
    {
        name: "Alex",
        address: "283 Happy Lane"
    }];

    for (var pointer = 0; pointer < guestList.length; pointer++) {
        labelHtml +=
            "<div class='label'>" + "<p>" + guestList[pointer].name + "</p>" + "<p>" + guestList[pointer].address + "</p>" + "</div>";
        $("body").append(labelHtml);
    }
});

也许你必须在将内容添加到dom后增强内容。

无法获得.append输出到“body”

4 个答案: