如何调用 tagit("destroy") 来删除标签？答案

【问题标题】：How do I call tagit("destroy") to remove tags?如何调用 tagit("destroy") 来删除标签？
【发布时间】：2016-08-20 09:46:04
【问题描述】：

单击清除查询框链接 (id clearQueryBox) 时，我想调用 tagit("destroy") 方法来清空标签。这是因为有时用户一次复制和粘贴大约 10 个标签来进行搜索，因此如果他们可以一次清除所有标签而不是退格 20 次或单击 mini x 10 次，他们会更容易。我有这个：

$('#query').tagit({
    select: true,
    allowNewTags: true,
    triggerKeys: ['enter', 'comma', 'tab'],
    placeholder: '',
    tagsChanged: function () {
        $("#clearQueryBox").click(function () {
            $("#query").tagit("destroy");
        });
    }
});

我不断收到错误“无法在初始化之前调用 tagit 上的方法；试图调用方法“销毁”。我正在使用 Halewood 的 jQuery tagit (https://github.com/hailwood/jQuery-Tagit)。它将 tagit("destroy") 定义为一种方法。

【问题讨论】：

标签： javascript jquery jquery-ui tag-it

【解决方案1】：

现在我知道这可能有点晚了，但这可能适用于任何即将到来的观众。

$("#query").tagit("removeAll");

参考链接here.

【讨论】：

【解决方案2】：

要删除Jquery上的所有标签可以使用jQuery remove()方法

$(selector).remove(selector) 或 $(selector).hide(selector)

在您的代码中实现

$("#query").tagit("tags").remove();

或

$("#query").tagit("tags").hide();

我希望这是你需要的。

【讨论】：

我刚刚收到 tagsChanged — tagit.php:26TypeError: $("#query").tags("tags").remove 不是一个函数。（在 '$("#query").tagit("tags").remove()' 中，'$("#query").tagit("tags").remove' 未定义）