Mouseover устанавливается JQuery не работает в IE7

Question

мне нужно установить вызываем функцию active() на OnMouseOver области на изображении, я попытался установить onmouseover с помощью JQuery, эту работу во всех браузере, но не в 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. изменения в анонимное определение функции, как этого

$(document).ready(function(){ 

     var i = 1; 
     $("#map area").each(function(){ 
      var Id = $(this).attr('id'); 
      $(this).attr('onmouseover', function() {...your code here...}); 
      i++; 
// and you missed the ; after i++ 
     }); 
    }); 

Answer 1

Почему вы используете $(this).attr('onmouseover'

Answer 2

Try. Единственная причина, я вижу это i

Вы можете просто использовать .index()

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

Примечание: .index() начинается с 0

Answer 3

Попробуйте :)

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

    }); 

Answer 4

Приложить событие, используя следующие функ например addEvent('mouseover', $(this).get(0), <callback>)

function addEvent(evnt, elem, func) { 
if (elem.addEventListener) // W3C DOM 
    elem.addEventListener(evnt,func,false); 
else if (elem.attachEvent) { // IE DOM 
    elem.attachEvent("on"+evnt, func); 
} 
else { // No much to do 
    elem[evnt] = func; 
} 
}