JQuery与Echart方法tooltip冲突的解决

sky_jiangcheng

于 2017-10-19 14:58:03 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/sky_jiangcheng/article/details/78284939

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了解决在页面新增统计饼图展示功能时遇到的tooltip方法未定义错误的过程，通过定位到echarts与jQuery tooltip方法冲突的原因，并给出了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，做一个页面新增统计饼图展示的功能的时候一直报tooltip方法未定义，这个方法是在table的内容里面报出来的，从数据到js方法一直都没有找到问题出在哪里，直到使用全文件对比拍错才发现是在引用了echart的js文件之后就报错了，终于确定不是我写的代码的问题，是插件引用的方法冲突的问题。

2，插件js方法冲突，tooltip的方法得有一个进行重命名，jquery的tooltip方法只有一个引用，就修改它，代码如下：

<script src="${__beat.server.contextPath}/common/js/jquery-tooltip.min.js"></script>
<script>
$.widget.bridge('uitooltip', $.ui.tooltip);  //重命名tooltip为uitooltip
</script>

3，使用jquery的tooltip方法的地方将tooltip方法修改为uitooltip，搞定。

tip：有时候出现难以找到的错误的时候不妨用归零心态，可能就会发现解决问题的新的方法。