我正在尝试动态添加多个 tagit 字段，但它不适合我答案

【问题标题】：I am trying to add multiple tagit fields dynamically but it is not working for me我正在尝试动态添加多个 tagit 字段，但它不适合我
【发布时间】：2019-03-29 13:40:54
【问题描述】：

我创建了一个按钮来添加新字段，我要添加的字段是按钮单击时的 tagit 字段，数据已完美打开，但 tagit 功能不起作用，它添加为空白 ul。我不知道为什么它没有将 ul 转换为 tagit 字段。有没有办法动态添加 tagit 字段？

我在 Google 上搜索了很多，但没有找到。

var i = 1;
$('.tagWritting').each(function() {
  $(this).tagit({
    options: {
      fieldName: 'test_name' + i,
    }
  });
  i++;
});
$('.addField').on('click', function() {
  $('.tags').append('<ul class="tagWritting"></ul>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://rawgit.com/aehlke/tag-it/master/js/tag-it.js"></script>
<link href="http://aehlke.github.io/tag-it/css/jquery.tagit.css"rel="stylesheet" />
<a class="addField">Add New Field</a>
<div class="tags">
  <ul class="tagWritting"></ul>
  <ul class="tagWritting"></ul>
  <ul class="tagWritting"></ul>
</div>

【问题讨论】：

您能否编辑您的问题并添加标点符号？目前阅读起来很烦人。如果你想让别人帮助你，至少要花一些时间来正确书写。
chekc 现在我希望这不会令人讨厌
你唯一做的就是删除唯一的时间段......
抱歉没有收到你
你在很长的一段文字中有一个点，你删除了它，但你不应该删除它你应该添加更多的点和更多的逗号，否则没有任何像这样的标点符号超长的句子读起来很烦人，如果你想让别人帮助你，你应该花一些时间来制作可读的问题和句子，否则阅读和理解太长太痛苦，没有人会安抚你的问题本网站和其他网站上的其他问题，请花一些时间正确书写

标签： javascript jquery html jquery-ui tag-it

【解决方案1】：

问题是标签已创建、附加，而您没有对这个新元素运行$().tagit()

这部分：

$('.tagWritting').each(function() {...});

需要在每个附加标签之后运行

或者，在包含一个Tag之后，你可以选择最后一个标签然后做：

$(tagElement).tagit({...});

类似：

var i = 0;
function addTagit(element){
  $(element).tagit({
    options: {
      fieldName: 'test_name' + i,
    }
  });
  i++;
}

$('.tagWritting').each(function(){
  addTagit(this);
});

$('.addField').on('click', function() {
  var tag = $('<ul class="tagWritting"></ul>');
  $('.tags').append(tag);
  addTagit(tag);
});

我没有测试过代码，也没有使用 jQuery 多年......但我认为它可以帮助你

【讨论】：

我试图像这样添加 append('
是的，我相信它会以这种方式工作，因为 javascript 会加载，它会附加并运行 javascript 我的想法是一样的，但根据你的想法，这让我成为一个问题