JqueryFlot不一致问题IE8
我正在使用jQueryFlot图表库,我能够创建一个时间线图,但是我在IE8上遇到了一个问题 基本上,悬停事件只对某些点有效。 改用谷歌Chrome我不会面对这个问题 这里是工具提示部分:JqueryFlot不一致问题IE8,jquery,internet-explorer-8,flot,jquery-hover,Jquery,Internet Explorer 8,Flot,Jquery Hover,我正在使用jQueryFlot图表库,我能够创建一个时间线图,但是我在IE8上遇到了一个问题 基本上,悬停事件只对某些点有效。 改用谷歌Chrome我不会面对这个问题 这里是工具提示部分: var previousPoint = null, previousLabel = null; var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; $.f
var previousPoint = null, previousLabel = null;
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
$.fn.UseTooltip = function () {
$(this).bind("plothover", function (event, pos, item) {
if (item) {
if ((previousLabel != item.series.label) || (previousPoint != item.dataIndex)) {
previousPoint = item.dataIndex;
previousLabel = item.series.label;
$("#tooltip").remove();
var x = item.datapoint[0];
var y = item.datapoint[1];
var color = item.series.color;
// var month = new Date(x).getMonth();
showTooltip(item.pageX,
item.pageY,
color,
"<strong>" + y + "</strong>");
}
} else {
$("#tooltip").remove();
previousPoint = null;
}
});
};
function showTooltip(x, y, color, contents) {
$('<div id="tooltip">' + contents + '</div>').css({
position: 'absolute',
display: 'none',
top: y - 40,
left: x - 120,
border: '2px solid ' + color,
padding: '3px',
'font-size': '9px',
'border-radius': '5px',
'background-color': '#fff',
'font-family': 'Verdana, Arial, Helvetica, Tahoma, sans-serif',
opacity: 0.9
}).appendTo("body").fadeIn(200);
}
你能帮我找到根本原因和可能的解决办法吗
提前谢谢 我也有同样的问题,但我补充道:
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
<script language="JavaScript" src="js/jquery.flot.js"></script>
<script language="JavaScript" src="js/jquery.flot.time.js"></script>
<script language="JavaScript" src="js/jquery.flot.orderBars.js"></script>
<script language="JavaScript" src="js/jquery.flot.axislabels.js"></script>
这听起来像是同一个问题: 以下是需要应用于jquery.flot.js主文件的变通方法,尽管它不是针对最新版本的,但希望它能为您指明正确的方向 在bind events方法行中 1291增补 $.flot-base.mousemoveonMouseMove 在线关机方法 1314增补 $.flot-base.unbindmousemove,onMouseMove
您使用的是哪个jQuery版本?以及Flot的哪个版本?要点有什么特别的吗?它们都在某个特定的系列上吗?