jquery - Jquery添加/删除令牌输入时处理哪个事件？

Question

我正在将 tokeninput 用于自动完成文本框。

现在我想根据令牌输入显示隐藏 div。

那么在哪种情况下我可以在添加/删除时间获得令牌输入值？

Answer 1

如果您使用的是http://loopj.com/jquery-tokeninput/那么他们add remove的主页中记录了回调

onAdd
A function to call whenever the user adds another token to their selections. defaut: null (demo).
onDelete
A function to call whenever the user removes a token from their selections. default: null (demo).

语法是

    $("#selector").tokenInput("fetch.php", {
         onAdd: function (item) {
             alert("Added " + item.name);
         },
         onDelete: function (item) {
            alert("Deleted " + item.name);
        }
   });

在此处查看演示搜索 onAdd onDelete http://loopj.com/jquery-tokeninput/demo.html#onadd-ondelete

Answer 2

查看文档，它有onAdd回调，每当用户输入任何新令牌时都会调用该回调。

从文档：

回调

• onResult

  每当我们从服务器收到结果时调用的函数。您可以使用此功能在将结果显示给用户之前对来自服务器的结果进行预处理。默认值：null（演示）。

• 添加

  每当用户将另一个标记添加到他们的选择时调用的函数。默认值：null（演示）。

• 删除

  每当用户从他们的选择中删除令牌时调用的函数。默认值：null（演示）。

• 准备就绪

  在初始化完成并且令牌输入准备好使用后调用的函数。默认值：空

Answer 3

您可以预先声明函数以避免在循环中执行此操作：

var addFunction = function (item) {
    .... 
};

var deleteFunction = function (item) {
    ....
};

this.$("#mySelector").tokenInput("/ABC/GetMethod", {
    preventDuplicates: true,
    theme: "facebook",    
    queryParam: "term",
    tokenLimit: 1,
    onAdd: addFunction,
    onDelete: deleteFunction
});