不能使用花式框jquery插件在地圖標記中的區域標記在圖像中

我正在使用FancyBox Jquery插件在我的網站上顯示彈出窗口。它適用於所有錨標籤。我還希望將它用於地圖標記中的區域標記，以便在單擊圖像的特定部分時顯示彈出窗口。我試過下面的代碼，但它不起作用：不能使用花式框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代碼中需要做什麼修改。謝謝

來源

2012-09-11 Rajat Shah

有一個問題，一個偉大的答案與你相似：http://stackoverflow.com/questions/5530871/using-fancybox-with-image -map – avladov

沒有過於複雜的事情，它可以像這個http://stackoverflow.com/a/11418310/1055987一樣簡單，只要記住ajax調用不會在本地工作，你必須在服務器上測試它們。 – JFK

順便說一句，你用什麼版本的fancybox？ ...如果在這裏使用v2.x它是另一個與演示http://stackoverflow.com/a/11300063/1055987答案 – JFK

我在圖像地圖的區域標籤上使用了fancybox，它工作。嘗試

$（「area＃tag_id」）。fancybox（）;

您可以查看我對這個URL實現：Fancybox on area tag

來源

2012-09-11 17:40:35 Faraz

不能使用花式框jquery插件在地圖標記中的區域標記在圖像中

回答

相關問題