jQuery Tokeninput 在点击时添加输入答案

【问题标题】：jQuery Tokeninput add input on clickjQuery Tokeninput 在点击时添加输入
【发布时间】：2013-02-16 08:14:40
【问题描述】：

我正在使用 jQuery Tokeninput 并且运行良好。我让用户从 Tokeninput 框中选择类别。现在，我需要放置一个按钮，它会打开一个弹出屏幕，它会让用户向数据库插入一个新类别。用户插入新类别后，弹出窗口将关闭，我希望新类别作为令牌在 Tokeninput 框中。

这是我的代码，

<script type="text/javascript">
$(document).ready(function () {
    $("#demo-input-facebook-theme").tokenInput("http://iyihekim.com/MedBulCategory_Service.aspx", {

        onAdd: function (item) {
            $.cookie("Kat_" + item.name, item.id);
        },
        onDelete: function (item) {
            var date = new Date();
            date.setTime(date.getTime());
            $.cookie("Kat_" + item.name, item.id, { expires: date });
        },

        theme: "facebook"

    });
});

我知道如果我添加如下预填充函数，它将在加载时创建它，但我想在弹出框关闭后调用该函数

<script type="text/javascript">
$(document).ready(function () {
    $("#demo-input-facebook-theme").tokenInput("http://iyihekim.com/MedBulCategory_Service.aspx", {
         // added this***************************
        prePopulate: [
            {id: 123, name: "Slurms MacKenzie"},
            {id: 555, name: "Bob Hoskins"},
            { id: 9000, name: "Kriss Akabusi" }],

        onAdd: function (item) {
            $.cookie("Kat_" + item.name, item.id);
        },
        onDelete: function (item) {
            var date = new Date();
            date.setTime(date.getTime());
            $.cookie("Kat_" + item.name, item.id, { expires: date });
        },

        theme: "facebook"

    });
});

请帮忙

【问题讨论】：

标签： jquery jquery-tokeninput

【解决方案1】：

这听起来像是您可以使用“添加”事件来完成的事情。

$("#demo-input-facebook-theme").tokenInput("add", {id: x, name: y})

【讨论】：