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

Question

我正在使用tokeninput作为自动填充文本框。

现在我想在令牌输入上显示hide 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   （演示）。

  
• 使用onAdd   

  用户在其选择中添加其他标记时调用的函数。 defaut：null（演示）。

  
• onDelete   

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

  
• onReady   

  完成初始化后调用的函数，并且可以使用tokeninput。默认值：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
});