javascript - jquery 设置的鼠标悬停在 ie7 中不起作用

Question

我需要在图像上的 onmouseover 区域设置调用函数 active() ，我尝试使用 jquery 设置 onmouseover ，这适用于所有浏览器，但不适用于IE7 所以请有人建议我提示在 IE7 上运行此代码

$(document).ready(function(){

         var i = 1; 
        $("#map area").each(function(){
            var Id = $(this).attr('id');
            $(this).attr('onmouseover', "active('area"+i+"','"+Id+"',"+i+")");
            i++
        });
    });

事件功能代码如下:-

function active(value,value2,value3)
    {


        $("#"+value).css({'display':'block'});
        $("#area"+value3+"_link").css({'text-decoration':'underline'});
        $('#'+value2).mouseout(function(){$('#'+value).css({'display':'none'});$("#area"+value3+"_link").css({'color':'#707070','text-decoration':'none'});});
    }

并且没有显示 js 错误。

Answer 1

你为什么使用$(this).attr('onmouseover'。我看到的唯一原因是i

您可以简单地使用 .index()

$("#map area").on('mouseover',  function(){
    var i = $("#map area").index(this) + 1;
    active('area'+ i, $(this).attr('id'), i);
})

注意:.index()以0开头