javascript - 不能在图像中的地图标签中使用花哨的框 jquery 插件作为区域标签

Question

我正在使用 FancyBox Jquery 插件在我的网站中显示弹出窗口。它适用于所有锚标签。我还想将它用于地图标签中的区域标签，以便在单击图像的特定部分时显示弹出窗口。我尝试了以下代码，但它不起作用：

<script type="text/javascript"> 
 $(document).ready(function(){ 
  $("#tag_id").fancybox(); 
 });
</script>


<map name="question_img">
 <area id="tag_id" shape="rect" coords="0,0,200,200" href="http://domain.com/ajax.txt" alt="" />
</map>

<img src='http://domain.com/image.jpg' width='100%' height='100%' usemap='#question_img'>

请告诉我需要在 Jquery 代码中进行哪些修改。谢谢

Answer 1

我在图像地图的区域标签上使用了 fancybox，它可以工作。尝试

$("area#tag_id").fancybox();

你可以在这个 url 上查看我的实现：Fancybox on area tag