javascript - 带有HTML imagemap的jQuery

我可以做这样的事情：

$(document).ready(function(){
    $(".schedule_link").colorbox({width:"95%", innerHeight:344, iframe:true});
});

将颜色框附加到链接...

<a class='schedule_link' href="index.html">Schedules</a>

...但是将其附加到这样的图像映射的语法是什么？

<map name="mymap">
   <area shape="rect" coords="496,500,729,523" href="??call JQuery??">
</map>

最佳答案

Colorbox实际上是在.live()处理程序上运行的，该处理程序侦听cboxElement class元素上的点击。由于it gets the href off the element和adds that class，它与<a>无关，因此您可以执行以下操作：

<map name="mymap" id="mymap">
   <area shape="rect" coords="496,500,729,523" href="myPage.html">
</map>

并且您的jQuery可以一次性绑定它们，例如，每个<area>都不需要一个类，例如：

$(function(){
  $("#mymap area").colorbox({width:"95%", innerHeight:344, iframe:true});
});

关于javascript - 带有HTML imagemap的jQuery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4059262/