Question

我正在制作一个ToDo应用程序，用于我正在学习的课程（还有另一只小狗），而且我对某个功能实际上被正确调用有问题。

在jQuery中，我使用Template Literal附加每个项目。

.image-container-center {
  margin-top:27px;
  display: flex;
  justify-content: center;
}

我在显示

之后就有了一个功能

$("#taskList").append(`
                <div class="list-group-item">

                  <h4 class="list-group-item-heading ${field.completed ? 'done' : ''}">
                    ${field.task}
                  </h4>
                  <div class="buttons">
                    ${field.completed
                      ? `<div class="delete"><i class="fa fa-trash"></i></div>`
                      : `<div class="complete" onclick="completeTask(${field._id})">
                          <i class="fa fa-check"></i>
                        </div>`
                    }
                  </div>
                </div>
              `);

我有来自服务器的数据作为

传递

function completeTask(task){
    console.log(task) // this is just for testing purposes
}

现在，每次选择完整按钮时，都会收到以下错误消息： field = { completed: Boolean, _id: String, task: String, }。

不幸的是，除了(index):1 Uncaught SyntaxError: Invalid or unexpected token

之外，（索引）：1没有任何内容

现在，这种事情是否可能，或者我错过了什么？

Answer 1

您似乎错过了一个右括号：

<div class="buttons">
  ${field.completed

模板文字中的函数

1 个答案: