帶有HTML imagemap的jQuery

Question

我可以做這樣的事情：

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

Answer 1

您可以像鏈接一樣為您的<area>標簽提供一個類：

<area class="something" shape="rect" coords="496,500,729,523" href="somepage.html">

Answer 2

Colorbox實際上在.live()處理函數上運行，該處理函數偵聽cboxElement類對元素的cboxElement 。 由於它取消了元素的href並添加了該類 ，因此它不是<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});
});