Ссылки на карту изображения не запускаются в диалоговом окне пользовательского интерфейса jQuery (только для IE)

Question

Я пытаюсь поместить карту изображения в диалоговое окно jQuery UI.Первоначально, и скрыты на странице, так что мне не нужно делать AJAX.Когда диалоговое окно запускается, в диалоговом окне помещаются символы и, и скрытому исходному контенту удаляется ссылка на карту изображения.

На карте изображения имеется несколько ссылок в тегах и в Firefox, Chrome и т. Д.ссылки расположены правильно и работают.

Однако во всех версиях IE (веб-сайт SharePoint 2007 и режим совместимости включен) ссылки не отображаются на карте изображения.Вы можете навести курсор на прямоугольники и показать ссылку, но действие никогда не срабатывает.

Код, использованный для инициализации ниже:

$(document).ready(function() { 
    $('.processDiagram').click(function() {
        var phase = $(this).attr('title');
        var text = $('#'+phase+' div').html();
        var mapname = $('#'+phase+' map').attr('name');
        $('#'+phase+' map').attr('name', ''); // null out the background map name so it doesn't get confused

        var $dialog = $('<p></p>').html(text).dialog({modal:true, autoOpen:false, width:620, title:phase, beforeClose: function(event, ui) { $('#'+phase+' map').attr('name', mapname); }});
        $dialog.dialog('open');
        return false; // So firefox won't just follow the link
    }
}

Я мог бы действительно сделать некоторую помощь здесь, как и японятия не имею, почему ссылки не запускаются.

Спасибо, Стив

Answer 1

Итак, причина в том, что компоновка является позицией: относительный делает число в IE, перемещая все горячие точки относительно тела, а не к самой карте изображения.

Решение состоит в том, чтобы исправить этопроблема макета.