令牌输入的定位输入框

Question

我有点受jQuery tokeninput的困扰，我已经对其进行了修改，因此可以将FreeTags添加到数据库中并返回ID和新标签的名称，因此效果很好。 现在我有另一个问题，它的位置是将输入自动完成区域定位，输入区域始终位于标记的“后面”，我希望它位于标记的前面。

如果有人可以帮助我，我将不胜感激:)

如果有帮助的话，到目前为止我的代码。

                                                                                            $("#xxx").tokenInput("/get-tags", {
            theme: "facebook",
            noResultsText: "Hit enter to add",
            searchingText: "Searching",
            placeholder: 'Tags',
            freeTaggingHint: true,
            propertyToSearch: 'name',
            allowFreeTagging: true,
tokenFormatter: function(item) { return "<p name=\"tags[]\" value=\""+item.id+"\">"+item.name+"</p>";  },                       
            onFreeTaggingAdd: function (item) {
                    $.ajax({
        type: "POST",
        url: "/dev/ajax/add-tag/",
        data: {
            tag: item,
            uid: 1
            },
            success: function(data) {
                console.log(data);
                jQuery("#tags").tokenInput("add", {id: data, name: item});
                }
                });
                }                             
        });
                                                                                    });

Answer 1

我相信您的问题可能与TokenFormatter函数有关。 jQuery库的各个部分都依赖于<li>的标记-我将标记包装在div时发现了这一点。

最简单的解决方法是将令牌包装在<li> ，如下所示。

tokenFormatter: function(item) { 
   return "<li><p name=\"tags[]\" value=\""+item.id+"\">"+item.name+"</p></li>";  
}, 

如果这与您的布局或其他内容混淆，那么您需要对库本身中的许多引用进行更改，这是一项更大的工作。