使用外部Json作为tagit.js的源

时间:2014-09-02 15:56:29

标签: javascript jquery ajax json autocomplete

我对tagit.js脚本(https://github.com/aehlke/tag-it)有些问题 我知道之前有过这样的问题: Modify the behavior of jquery tag-it based on autocomplete library to use ajax JSON sources 要么 jQuery TagIt (autocomplete) Fetching JSON list via AJAX

在我的情况下,我可以从外部json加载标签,但没有智能自动完成。当我输入" Hello"时,插件会显示我的Json上的整个标签,没有逻辑顺序。

我的代码:

  $(function(){

       $('#biginput').tagit({

            allowSpaces:true,

            autocomplete: {delay: 0, minLength: 0},
            afterTagAdded: function(event, ui) {
                launchsearch();
                console.log(ui.tag);
            },
            afterTagRemoved: function(event, ui) {
                launchsearch();
                console.log(ui.tag);
            },



             tagSource: function(search, showChoices) {
                var that = this;
                $.ajax({
                  url: "search.json",
                  data: search,
                  success: function(choices) {
                    showChoices(that._subtractArray(choices, that.assignedTags()));
                  }
                });
              }


        });

});

我试图在jsfiddle中重现我的问题,但它不起作用...... 看这里:http://jsfiddle.net/bsofcn41/ 我的目标只是以json文件为基础进行标记自动完成。

似乎这个脚本在github中的更新和维护非常糟糕。也许有更好的这种剧本?

1 个答案:

答案 0 :(得分:0)

试试jquery-tokeninput。它使用json作为自动完成数据。