Mention.js与typeahead冲突

时间:2016-05-31 14:37:48

标签: jquery twitter-bootstrap bootstrap-typeahead

如果有一个页面同时提供了searchjs搜索字段以及bootstap typeahead,那么typeahead将停止工作..

一旦我评论提及声明,typeahead就会开始工作。 有什么指针吗?

Mention.js => Link

$(selector).mention({
                delimiter: '#',
                list: []
            });

Bootstrap v2.3.2

$this.typeahead({
    source: function(query, typeahead){
        $.ajax({
            url: url,
            type: "GET",
            data: "",
            dataType: "JSON",
            async: false,
            success: function(data){
                var hashList = new Array;                                                           
                $.map(data, function(data){
                    var group;
                    group = {
                            val_id: data.id,
                            val: data.valName,

                            toString: function () {
                                return JSON.stringify(this);
                            },
                            toLowerCase: function () {
                                return this.drug.toLowerCase();
                            },
                            indexOf: function (string) {
                                return String.prototype.indexOf.apply(this.drug, arguments);
                            },
                            replace: function (string) {
                                return String.prototype.replace.apply(this.drug, arguments);
                            }
                    };
                    hashList.push(group);
                });
                typeahead(hashList);
            }
        });
    },                              
    property: 'val',
    items:4,                                                 
    updater: function (item) {
        var item = JSON.parse(item);
        console.log(item.id);           
    }

});

1 个答案:

答案 0 :(得分:0)

我必须将bootstrap typeahead复制到另一个文件中并使用$ .fn.renamedtypeahed重命名$ .fn.typeahead的所有出现,然后再导入它们

然后在提及.js插件中将$ .fn.typeahead的所有出现重命名为$ .fn.renamedtypeahead。还有一个地方_this.typeahead需要相同的重命名。

现在他们互不冲突..我不知道是否有其他方法可以迅速解决。