解决多种插件冲突问题

最新推荐文章于 2024-07-23 19:53:15 发布

凌筱筱

最新推荐文章于 2024-07-23 19:53:15 发布

阅读量3.1k

点赞数 1

分类专栏： java 文章标签： javascript jquery-ui autocomplete

本文链接：https://blog.csdn.net/sunnyfirefox/article/details/50855847

版权

java 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

最近遇到一个项目中用到了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);
});