解决多种插件冲突问题

最近遇到一个项目中用到了jquery-ui,bootstrap,easyui三种插件的情况。然后使用autocomplete就死活冲突不能正常跑了。

最后解决办法是,用autocomplete单独的js:jquery.autocomplete.js,这个据说是官方从jquery-ui.js中剥离出来的。

将这个js引入项目,并把默认的autocomplete方法名改为其它不冲突的方法名。。这样就可以正常调用了。。


responsibleList.autocomp("/feedback/question/queryUser",{
    parse:function(data)
    {
        dataArr = data !=null ? data.users:[];
        var rows = [];
        if(dataArr!=null && dataArr.length>0){
            for(var i = 0;i<dataArr.length;i++){
                var obj = {};
                obj.data = dataArr[i];
                obj.value = dataArr[i].userName+(dataArr[i].departmentName!=null?(" "+dataArr[i].departmentName):"")+" "+dataArr[i].email;
                obj.result = dataArr[i].userName+(dataArr[i].departmentName!=null?(" "+dataArr[i].departmentName):"")+" "+dataArr[i].email;
                rows.push(obj);
            }
        }
        return rows;
    },
    formatItem:function(item)
    {
        return item.userName+(item.departmentName!=null?(" "+item.departmentName):"")+" "+item.email;
    }
}).result(function(event, data) {
    responsibleListButton.attr('data-searchname', data.userName);
    responsibleListButton.attr('data-loginid', data.email);
});

猜你喜欢

转载自blog.csdn.net/sunnyfirefox/article/details/50855847