我能够使用 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/