懸停區域顯示alt文本在div中的映射 - 相對於懸停區域

Question

我試圖讓一個div顯示懸停區域的alt文本 - 相對於懸停區域進行定位。

我可以讓文字顯示，但不在正確的位置。

這是我的JS：

$(document).ready(function() { 
if($('#Map')) { 
    $('#Map area').each(function() { 
    var altText = $(this).attr("alt"); 
     $(this).mouseover(function() { 
    $("#popup").html(altText); 
      $('#popup').show(); 

     }); 

     $(this).mouseout(function() { 
    var altText = $(this).attr("alt"); 
      $('#popup').hide(); 
     }); 

    }); 
} 
}); 

Answer 1

這將正常工作

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#popup").draggable(); 
    if ($('#Map')) { 
     $('#Map area').each(function() { 
      var altText = $(this).attr("alt"); 
      $(this).mouseover(function (event) { 

       $("#popup").html(altText); 
       $("#popup").css({ 'top': event.clientY, 'left': event.clientX }); 
       $('#popup').show(); 

      }); 

      $(this).mouseout(function() { 
       var altText = $(this).attr("alt"); 
       $('#popup').hide(); 
      }); 

     }); 
    } 
}); 

您需要在div draggabele，那麼只有將dynamicallly改變位置