在jquery或jquerymobile中有圖像部分事件處理功能嗎？

Question

如果我有這樣的圖像，我可以根據用戶點擊哪個數字或區域來處理事件嗎？

例如，

如果用戶在此圖像中單擊1，它將轉到url1。 如果用戶在此圖像中單擊2，它將轉到url2。

當然，這只是1張圖片。

在jquery或jquerymobile中有這樣的功能嗎？

Answer 1

你應該使用圖像映射：

<img src="your img source" width="100" height="100" alt="*alt*" usemap="#yourmap"> 

<map name="yourmap"> 
    <area shape="rect" coords="0,0,50,50" href="firsturl"> 
    <area shape="rect" coords="50,0,100,50" href="secondurl"> 
    <area shape="rect" coords="0,50,50,100" href="thirdurl"> 
    <area shape="rect" coords="50,50,100,100" href="forth"> 

</map> 

如果你不知道你的圖像大小開始，你可以使用JavaScript或jQuery的計算尺寸和生成文檔準備事件處理程序的HTML