Javascript ajax完成后如何附加tagify

我正在尝试将

tagify

附加到一个输入字段，该字段随ajax请求返回。
我目前正在试验以下代码：

$(document).ready(function () {
    $(document).ajaxComplete(function () {
        var input = document.getElementById("Tags");
        var tagify = new Tagify(input, { whitelist: [test,test1,test2] });
        var controller;
    });
});

但是，这会导致警告

Tagify:input元素已标记

，以及一些奇怪的行为：

• 标记化输入字段

  标记

  仍然可见
• Tagify生成的
  标记也会出现，但比仍然可见的输入字段小得多
• 当我开始在小的
  字段中键入一个白名单标记时，下拉列表显示在右下角

只有当我的代码在

$（document.ajaxComplete（函数（）{//code here}）中时，才会发生这种行为。如果我在
$（document）.ready（函数（）{}）中呈现一个
Tagify
实例仅限，
Tagify
非常有效

有什么想法我应该做不同的工作，以便在
ajaxComplete
之后正确地工作吗

我可以尝试什么
从未使用过该脚本，但文档有很多方法，如销毁、删除所有标记、添加标记等
输入元素已标记
表示没有？我相信，这段代码在完成的每个ajax请求上都会运行，并且应该只初始化一次（每个输入）