jQuery flot mouseleave不适合我
jQuery flot mouseleave does not work for me
我已经修改了我的jQuery.flot.js和flot.pie.js一点,使鼠标离开效果在我的饼画布。
在第585行flot.pie.js
function onMouseMove(e) {
triggerClickHoverEvent('plothover', e);
}
function onMouseLeave(e) {
triggerClickHoverEvent('plotleave', e);
}
function onClick(e) {
triggerClickHoverEvent('plotclick', e);
}
if (options.series.pie.show && options.grid.hoverable) {
eventHolder.unbind('mousemove').mousemove(onMouseMove);
eventHolder.unbind('mouseleave').mouseleave(onMouseLeave);
}
$("#graph1").bind("plothover", pieHover);
$("#graph1").bind("plotleave", pieLeave);
$("#graph1").bind("plotclick", pieClick);
函数mysite.html
function pieHover(event, pos, obj) {
if (!obj) return;
var what = obj.series.name;
$("a[name=" + what + "]").addClass("hover");
$("#world #" + what + " path", svg.root()).attr("fill", "url(#orange)");
$("#world #" + what + " path.water", svg.root()).attr("fill", "#92D7E7");
}
function pieLeave(event, pos, obj) {
if (!obj) return;
var what = obj.series.name;
$("a[name=" + what + "]").removeClass("hover");
$("#world #" + what + " path", svg.root()).attr("fill", "#68CDF2");
$("#world #" + what + " path.water", svg.root()).attr("fill", "#B9E4EE");
}
function pieClick(event, pos, obj) {
if (!obj) return;
percent = parseFloat(obj.series.percent).toFixed(2);
alert('' + obj.series.label + ': ' + percent + '%');
}
我的pieLeave函数被完全忽略。有什么问题吗?谢谢你的帮助。
更多信息:flot示例
好的,发生了。你不能在绘图上使用mouseleave因为绘图是整个画布容器,唯一的方法是将所有内容绑定到mouseleve并检查对象的na
function pieHover(event, pos, obj)
{
if (!obj) { // if no object (move out of the plot, clear everything)
$("a").removeClass("hover");
$("#world g path", svg.root()).attr("fill", "#68CDF2");
$("#world g path.water", svg.root()).attr("fill", "#B9E4EE");
// return;
}
else { // clear everything, do something.
what = obj.series.name;
$("a").removeClass("hover");
$("#world g path", svg.root()).attr("fill", "#68CDF2");
$("#world g path.water", svg.root()).attr("fill", "#B9E4EE");
$("a[name="+what+"]").addClass("hover");
$("#world #"+what+" path", svg.root()).attr("fill", "url(#orange)");
$("#world #"+what+" path.water", svg.root()).attr("fill", "#92D7E7");
}
}
相关文章:
- ResolveUrl没有'我似乎不适合当链接到具有动态虚拟目录的外部javascript文件时
- 导航菜单不适合移动浏览器
- 如何解决不适合的分页输出
- Javascript返回内容/字符串;不适合UIWebView的给定宽度和高度
- javascript with()函数获胜'我不适合歌剧、Chrome或Brave
- 潜水者不适合放在他们的容器里,他们增加了像素
- 为什么Foundation 4 Orbit不适合我
- CKEditor allowerContent = true 根本不适合我
- iPad 上的 Safari 不适合纵向模式下 980 像素宽的网站
- 铬插入符号在非活动窗口中不可见 - 不适合拖放
- 幻灯片使用Jquery,图像不适合窗口
- Juicyslider 中的第一个图像不适合宽度页面
- 当移动方向从横向更改为纵向时,窗口元素不适合窗口
- 高图表:y 轴类别被推离图表区域,不适合
- 纸张波纹可防止点击容器元素并且不适合
- 内部css不'我不适合JS
- 在浏览器调整大小之前,主页上的幻灯片不适合屏幕(仅限firefox)
- 为什么AngularJS被称为不适合GUI编辑器应用程序
- 可以'我的日期选择器似乎不适合显示在某些页面上
- jQuery flot mouseleave不适合我