Javascript jquery显示<；中的项目列表；ul>；

嗨，我想在里面显示一个项目列表

示例html代码

<h3 id="game-filter" class="gamesection">
           <span>Game</span></h3>
        <div id="game-filter-div" style="padding: 0;">
            <ul id="gamelist">
            </ul>
        </div>

游戏

代码

var games=newarray（）；
游戏[0]=“魔兽世界”；
游戏[1]=“魔戒在线”；
游戏[2]=“爱神”；
游戏[3]=“夏娃在线”；
游戏[4]=“最终幻想XI”；
游戏[5]=“英雄之城”；
游戏[6]=“冠军在线”；
小游戏[7]=“卡米洛特的黑暗时代”；
游戏[8]=“战锤在线”；
游戏[9]=“柯南时代”；
函数pageLoaded（）{
var list=“”；
因为（i=0；i有很多事情你都做错了

首先，它不是纯javascript，它是jquery

您需要引用才能使用jQuery

然而，您也可以通过纯javascript实现您想要的

现在让我们看看你的错误

您已经创建了一个函数
pageLoaded
，但没有在任何地方调用它。您需要调用一个函数才能使其逻辑工作。我假设您希望在页面准备就绪时调用
pageLoaded
方法。您可以在主体加载时调用它，也可以在jQuery的内部调用它，即
$（document）.ready（function（）{pageLoaded（）}）；
。
此方法简单地确保在dom就绪时执行逻辑

您已在方法“数组中的项”中写入了非关键字、无意义的单词。请将其删除以使函数正常工作。我假设您想在此处添加注释，请在脚本标记中添加如下注释：

 //items in the array


您没有将新值连接到
列表
变量，而是在每次迭代中覆盖其内容，因此，不要使用
list=“
”+games[i]+“
”；
这样做，而是这样做

 list +="<li>"+games[i]+"</li>";

请参见此
动态添加元素后，需要刷新listview；否则它将不会更新

 $("#gamelist").append(list).listview("refresh");

在

它不是javascript，不是它的jQuery。你引用了jQuery api吗？另外，你没有调用pageLoaded（）函数，你在代码中运行数组中的
项，或者它被注释掉了吗？非常感谢。这真的很有帮助。
var games = new Array();
    games[0] = "World of Warcraft";
    games[1] = "Lord of the Rings Online";
    games[2] = "Aion";
    games[3] = "Eve Online";
    games[4] = "Final Fantasy XI";
    games[5] = "City of Heros";
    games[6] = "Champions Online";
    games[7] = "Dark Age of Camelot";
    games[8] = "Warhammer Online";
    games[9] = "Age of Conan";
$(document).ready(function(){
        var list = "";
        for(i=0; i<games.length; i++){
        list +="<li>"+games[i]+"</li>";
        }
    $("#gamelist").append(list);

});

 $("#gamelist").append(list).listview("refresh");

<h3 id="game-filter" class="gamesection"><span>Game</span></h3>

<div id="game-filter-div" style="padding: 0;">
    <ul id="gamelist"></ul>
</div>

var games = ["World of Warcraft", "Lord of the Rings Online", "Aion", "Eve Online", "Final Fantasy XI", "City of Heros", "Champions Online", "Dark Age of Camelot", "Warhammer Online", "Age of Conan"];

var gamelist = document.getElementById("gamelist");

games.forEach(function (game) {
    var li = document.createElement("li");

    li.textContent = game;
    gamelist.appendChild(li);
});

var games = new Array();

games.push("World of Warcraft");
games.push("Lord of the Rings Online");
games.push("Aion");
games.push("Eve Online");
games.push("Final Fantasy XI");
games.push("City of Heros");
games.push("Champions Online");
games.push("Dark Age of Camelot");
games.push("Warhammer Online");
games.push("Age of Conan");