Javascript 如何删除Tagify插件中的标签?

Javascript 如何删除Tagify插件中的标签?,javascript,jquery,tagify,Javascript,Jquery,Tagify,我需要处理一个动态按钮,将删除所有的Tagify标签。使用jQuery删除所有标记的文档如下: 文件中说: // get the Tagify instance assigned for this jQuery input object so its methods could be accessed var jqTagify = $input.data('tagify'); // bind the "click" event on the "remove all

我需要处理一个动态按钮,将删除所有的Tagify标签。使用jQuery删除所有标记的文档如下:

文件中说:

// get the Tagify instance assigned for this jQuery input object so its methods could be accessed
var jqTagify = $input.data('tagify');

// bind the "click" event on the "remove all tags" button
$('.tags-jquery--removeAllBtn').on('click', jqTagify.removeAllTags.bind(jqTagify))
考虑到这一点,我尝试了以下内容,但没有成功(见):

我还尝试创建一种更接近文档所述内容的方法:

$(document).on('click', '#btn-test', function()
{
    var $input = $('#input-test');
    var _tagify = $input.data('tagify');

   _tagify.removeAllTags();
});
但在这两种情况下,错误都是:

无法读取未定义的属性“removeAllTags”

我无法将remove函数直接绑定到DOM元素,因为按钮将动态创建。

$input.data('tagify')
将不起作用,并将返回
未定义的
,因为您没有按照以下步骤使用jQuery初始化tagify:

$(“#输入测试”).tagify()
上面是所有jQuery插件在应用于DOM节点时的使用方式——首先实例化一个jQuery对象,然后在其上应用jQuery插件。这样做之后,
data
属性
tagify
将可用:
$input.data('tagify')

相反,您使用
new Tagify(…)
$input初始化了它,就像普通版本一样。数据('Tagify')
将不起作用,并且将返回
未定义的
,因为您没有根据以下条件使用jQuery初始化Tagify:

$(“#输入测试”).tagify()
上面是所有jQuery插件在应用于DOM节点时的使用方式——首先实例化一个jQuery对象,然后在其上应用jQuery插件。这样做之后,
data
属性
tagify
将可用:
$input.data('tagify')

相反,您使用
newtagify(…)
将其初始化为普通版本

这样对我很有效

这样对我很有效


试试@CuongLeNgoc我不能使用变量
tagify
,因为我的代码是以不同的方式加载的。我需要在不访问变量
tagify
的情况下删除这些值。请尝试@CuongLeNgoc。我不能使用变量
tagify
,因为按照我的代码方式,插件加载到不同的文件中。我需要在不访问变量
tagify
的情况下删除这些值。
$(document).on('click', '#btn-test', function()
{
    var $input = $('#input-test');
    var _tagify = $input.data('tagify');

   _tagify.removeAllTags();
});
 var prueba = '"Lic","ffff","asdasd","asdd","asd","dsdsd"';
 var $input = $('input[name=tags]');
 var jqTagify = $input.data('tagify');
 jqTagify.addTags(prueba);
 jqTagify.removeAllTags();