0

我正在为我正在上的一门课制作一个 ToDo 应用程序（还有另一只小狗），我遇到了一个函数实际上被正确调用的问题。

在 jQuery 中，我使用模板文字附加每个单独的项目。

$("#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.

不幸的是，(index):1 处没有任何内容，除了<DOCTYPE html>

现在，这种事情甚至可能，还是我错过了什么？

4

1 回答 1

0

看来您在这里缺少右括号：

<div class="buttons">
  ${field.completed
于 2017-04-22T23:06:06.270 回答