Image Les liens de mappage ne se déclenchent pas dans une boîte de dialogue jQuery UI (IE uniquement)

Question

Je tente de placer une image cliquable dans une boîte de dialogue jQuery UI. Initialement, le et sont cachés sur la page afin que je n'ai pas à faire de AJAX. Lorsque le dialogue est déclenché, le et sont placés dans la boîte de dialogue et le contenu original caché a son lien vers la carte image supprimée.

Il y a quelques liens sur l'image dans les tags et dans Firefox, Chrome etc les liens sont positionnés correctement et fonctionnent.

Cependant, dans toutes les versions de IE (le site Web est SharePoint 2007 et le mode de compatibilité est activé), les liens ne se déclenchent pas sur l'image cliquable. Vous pouvez passer la souris sur les rectangles et afficher le lien, mais l'action ne se déclenche jamais.

code utilisé pour initialiser ci-dessous:

$(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 
    } 
} 

je pouvais vraiment faire avec un peu d'aide ici car je ne sais pas pourquoi les liens ne sont pas de tir.

Merci, Steve

Answer 1

Ainsi, la raison est la mise en position étant: Relatives un numéro sur IE, déplacer tous les points chauds être par rapport au corps et non à la carte de l'image elle-même.

La solution consiste à résoudre ce problème de mise en page.