JQuery与Echart方法tooltip冲突的解决

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:有时候出现难以找到的错误的时候不妨用归零心态,可能就会发现解决问题的新的方法。

猜你喜欢

转载自blog.csdn.net/sky_jiangcheng/article/details/78284939