Safari浏览器中的Mouseenter和mouseleave事件

时间:2012-06-20 15:40:04

标签: jquery safari

我正在尝试使用jQuery在菜单页面中连接一些简单的鼠标事件。它在Chrome和IE9中运行得非常漂亮,但在Safari中,当我移动鼠标时,突出显示会卡在某些元素上。以下是显示页面的3个浏览器。你必须想象这个,因为我不允许发布屏幕截图的链接。遗憾。

以下是连接事件的代码:

$(document).ready(function() {

    $("#number").focus();

    // We use td elements instead of anchors as the menu items. The ones we want to work with all have 
    // a custom attribute called url that stores the url template...
    var linkCells = $("td[url]");

    // Wire up the click handler for each link cell...
    linkCells.click(function () {
        Navigate($(this).attr('url'));
    });

    // Wire up mouse events for the link cells. We want to highlight the current cell and update
    // the number label...
    linkCells.bind('mouseenter mouseleave', function(e) {
        var linkCell = $(this);
        linkCell.toggleClass('linkOn');
        if(e.type == 'mouseenter') {
            $("#numberLabel").html('<b>' + linkCell.attr('numberLabel') + '</b>');
        }
    });

    // Wire up the submit event in case the user presses the Enter key instead of clicking a link...
    $("#Form1").submit(function() {
        Navigate($("#lastLink").val());
        return false;
    });
});

是否有任何特殊技巧可以使Safari的行为与其他浏览器相同?

谢谢,

Matthew MacFarland

0 个答案:

没有答案