时间戳

首页 > 解决方案 > 如何删除 Tagify 插件中的标签？

javascript - 如何删除 Tagify 插件中的标签？

问题描述

我需要处理一个将删除所有 Tagify 标签的动态按钮。使用 jQuery 删除所有标签的文档在这里：https ://yaireo.github.io/tagify/#section-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))

考虑到这一点，我尝试了以下方法但没有成功（可以在JSFiddle中看到）：

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

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

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

   _tagify.removeAllTags();
});

但在这两种情况下，错误都是：

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

我不能直接将 remove 函数绑定到 DOM 元素，因为按钮将即时创建。

标签： javascriptjquerytagify

解决方案

它以这种方式对我有用

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

推荐阅读