JQuery 模板文本中的空格为元素创建新属性

Question

我正在尝试通过 Jquery 填充 datalist，但是名字和姓氏之间的白色 space 导致仅使用名字和姓氏将作为另一个属性.

插入

JQuery:

  function FillNamesDataList(names)
  {
    $("#datalistTemplate").tmpl(names).appendTo("#colleagueNames");
  }

模板：

<script id="datalistTemplate" type="text/x-jquery-tmpl">
<option value=${name}></option>
</script>

如果我创建一个 Why This 的字符串数组，我会在 HTML 中得到以下内容：

我该如何解决这个问题？

Answer 1

尝试将您的值附加在双引号中：

<option value="${name}"></option>

Whitespace in the text for JQuery Templates creates new properties for an element