Объект не поддерживает это свойство или метод в IE

Question

Еще раз мне нужна помощь

Следующий код прекрасно работает во всех браузерах, кроме IE, IE8.Проблемная область:

$(function () {
    $('area').live('mouseover mouseout', function (event) {
        mapObject.qmap($(this), event);
    });
});
});

Полный код:

 $(document).ready(function () {
     var mapObject = {
         qmap: function (area, event) {
             var ida = area.attr('name');
             if (event.type == 'mouseover') {
                 $('.' + ida).show();
                 $('#' + ida).siblings().each(function () {
                     if ($(this).is(':visible')) {
                         $(this).hide();
                     }
                 });
                 $('#' + ida).show();
             }
             else {
                 $('.' + ida).hide();
                 $('#' + ida).hide();
                 $('#map-0').hide();
             }
         }
     };
     $(function () {
         $('area').live('mouseover mouseout', function (event) {
             mapObject.qmap($(this), event);
         });
     });
 });

Я пытался решить его из другого аналогичного поста, но безуспешно.

Любойпомощь приветствуется.

Answer 1

Почему бы не простая версия, подобная этой:

$(function() {
    function mapObject(e) {
        var area = $(this);
        var ida = area.attr('name');
        if (e.type == 'mouseover') {
            $('.' + ida).show();
            $('#' + ida).siblings().each(function() {
                if ($(this).is(':visible')) {
                    $(this).hide();
                }
            });
            $('#' + ida).show();
        } else {
            $('.' + ida).hide();
            $('#' + ida).hide();
            $('#map-0').hide();
        }
    }
    $(document).on('mouseover mouseout', 'area', mapObject);
});