JqueryFlot不一致问题IE8

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

我正在使用jQueryFlot图表库,我能够创建一个时间线图,但是我在IE8上遇到了一个问题

基本上,悬停事件只对某些点有效。 改用谷歌Chrome我不会面对这个问题

这里是工具提示部分:

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的哪个版本?要点有什么特别的吗?它们都在某个特定的系列上吗?