javascript - jQuery Tokeninput 和 onFreeTaggingAdd 回调

Question

jQuery 插件 Tokeninput(主分支)( https://github.com/loopj/jquery-tokeninput ) 具有添加标签的新功能。不幸的是，到目前为止，此功能在 Twitter 上有最好的记录:https://twitter.com/loopj/status/332249287062851585 .

我正在尝试弄清楚如何使用 onFreeTaggingAdd，但不幸的是我是 jQuery 和 javascript 新手。

简而言之，我希望回调从我的 api 获取输出并在 token 箱中使用它。这样我就可以修改标签(小写等)并添加一个 id。如果这是 api 建议的策略，我也可以用另一个 ID/标签替换它。

下面，请看我到目前为止的代码。我已经尝试了几个选项来设置 item=data 并返回该值，但到目前为止都没有成功。任何帮助表示赞赏!

onFreeTaggingAdd: function (item) {

$.post("../php/add_tagg_02.php", {tag: item, userid: "userid-dummy"} )
.done(function(data, status, xhr) {
alert ("Your suggested new tag " + data.name + " is entered in the database and will be considered for future use.");
console.log( data.name ); //returns the "new" name from the api
console.log( data.id ); //returns the id provided by the api
})
    return item; //returns the "old" name from the user input   
},

Answer 1

您可以通过编程方式添加和删除 token ，例如示例:

   $(document).ready(function() {
    $("#demo-input-plugin-methods").tokenInput("http://shell.loopj.com/tokeninput/tvshows.php");
                // Add a token programatically
                $("#plugin-methods-add").click(function () {
                    $("#demo-input-plugin-methods").tokenInput("add", {id: 999, name: "James was here"});
                    return false;
                });
// Remove a token programatically
            $("#plugin-methods-remove").click(function () {
                $("#demo-input-plugin-methods").tokenInput("remove", {name: "James was here"});
                return false;
            });
   });