您的位置:首页 > Web前端 > JQuery

JQuery与Echart方法tooltip冲突的解决

2017-10-19 14:58 183 查看
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:有时候出现难以找到的错误的时候不妨用归零心态,可能就会发现解决问题的新的方法。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: