gpt4 book ai didi

javascript - 尝试在 JS 变量中嵌入 html 时出现意外的标识符错误

转载 作者:行者123 更新时间:2023-12-03 09:41:48 27 4
gpt4 key购买 nike

我能够使用 Bootstrap 的 Material 设计静态生成 ListView 。但是当我尝试使用 for-loop 和 jquery append 动态构建它时,我似乎无法得到结果。抛出的错误是意外的标识符index.html的代码是

<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/material.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>

</head>
<body>
<div class="container"> </div>

<div class="list-group-item">

<div class ="app">
</div>

</div>

</body>
</html>

在上面的index.html中,我尝试将 ListView 附加到元素应用程序。这是我的以下 js 代码

var names = ["Larry", "Jobs", "Buffet", "Gates"];
var phones = ["90000 00000", "911111 000000", "90000 11111", "80000 80808"];
for(var i=0;i<5;i++){

add(names[i], phones[i]);

}


function add(name, phone){

var listItem = "<div class="row-picture">"+
"<img class="circle" src="http://"bla">"+
"</div>"+
"<div class="row-content">"+
"<h4 class="list-group-item-heading">"+name+"</h4>"+
"<p class="list-group-item-text">+phone+</p>"+
"</div>" +
"</div>" +
"<div class="list-group-separator"></div>"+


}
$('.app').append(listItem);
}

这与字符串转义有关吗?我在第 12 行遇到错误

最佳答案

变量listItem是您提到的本地变量,并在函数外部使用它将append方法移动到函数内部

function add(name, phone){
var listItem = "<div class='row-picture'>" +
"<img class='circle' src='http://'bla'>" +
"</div>" +
"<div class='row-content'>"+
"<h4 class='list-group-item-heading'>"+ name +"</h4>" +
"<p class='list-group-item-text'>"+ phone +"</p>" +
"</div>" +
"<div class='list-group-separator'></div>";
$('.app').append(listItem);
}

关于javascript - 尝试在 JS 变量中嵌入 html 时出现意外的标识符错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31162931/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com