Question

我正在为网站建立一个小的成就列表。我想知道是否有可能将列表放在一个js文档中，然后根据他们获得的成就来调用各自的字符串。这样我就可以将我的列表放在一个文档中，将代码放在另一个文档中。我将如何创建这个？

编辑：好的，所以我会尝试用我的想法更好地解释一下。

<p>Achievement 1 - Some text goes here as well</p>
<p>Achievement 2 - Some text goes here as well</p>
<p>Achievement 3 - Some text goes here as well</p>
<p>Achievement 4 - Some text goes here as well</p>

if(level === 5) {

    $('#achievement2').animate({left:"10px"}, function(){
        $(this).delay(3500).fadeOut(500).promise();
    });

    $('.achievementCont').append(Achievement 1);

}

Answer 1

如果您对使用javascript更方便的文本感到满意，可以将您的成就文本转换为如下数组：

window.achievements = [
    "<p>Achievement 1 - Some text goes here as well</p>",
    "<p>Achievement 2 - Some text goes here as well</p>",
    "<p>Achievement 3 - Some text goes here as well</p>",
    "<p>Achievement 4 - Some text goes here as well</p>",
];

然后您可以使用achievements[2]等访问它们。它们可以在另一个javascript文件中设置。请确保在使用数据的文件之前加载它。

请记住，数组是零索引的，因此[0]与第一个成就匹配。如果您希望成就数字与索引编号匹配，请在数组的开头添加一个额外项目（例如none或""）。如果这样做，在对数组使用for循环时要小心。

从js文件中获取段落并将其插入另一个js文件中的div

1 个答案: