错误：无法在“节点”上执行“appendChild”：文档上只允许一个元素

Question

我有这样的导航标签

  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" ng-click="selectTab(1)">
      <a href="javascript:void(0);" ng-class="{active:isActive(1)}">Tab1</a>
    </li>
    <li role="presentation" ng-click="selectTab(1)">
      <a href="javascript:void(0);" ng-class="{active:isActive(1)}">Tab2</a>
    </li>
</ul>

现在我正在尝试将数据附加到 second div 中的 textarea 字段作为 hidden

然后我收到此错误：

错误：无法在“节点”上执行“appendChild”：文档上只允许一个元素。

具体是什么意思

<div ng-show="isActive(1)"> //true
<form class="formStep1" name="formStep1">
<input type="number" ng-model="salary" id="salary" name="salary" >
</form>
</div>

<div ng-show="isActive(2)"> //false
<form name="formStep2" class="formStep2">
<textarea name="job_description" ng-model="job_description" id="job_description" ></textarea>
</form>
</div>

注意：当我将文本区域放在第一个 div 表单中时，它工作正常

但我希望此字段在下一个选项卡的第二个表单中。

这就是我添加日期的方式，实际上是它的夏季注释编辑器。我该如何调试这个问题..？

var jobDescription = finTempObj.job_description; //data
$('#job_description').summernote('reset');
$('#job_description').summernote('editor.pasteHTML', jobDescription);

Answer 1

这个解决了我的问题：

var jobDescription = finTempObj.job_description;
$('#job_description').summernote('reset');
$("#job_description").summernote("code", jobDescription);