如何使用自己的jquery函數爲區域設置屬性

Question

我有一個圖像，我需要給他們幾個地方的幾個鏈接。所以我決定映射圖像。不幸的是我有12個鏈接。所以我的想法是創建一個jquery函數，將屬性設置爲該區域。

我的代碼：

<img src="pages/dn-01.jpg" usemap="index" class="map"> 
<map name="index"> 
<area id="T-Shirts"> 
<area id="Polos"> 
<area id="Sweats"> 
<area id="Sports&Outdoor"> 
<area id="Tradition"> 
<area id="Fleece"> 
<area id="Jackets&Vests"> 
<area id="Shirts&Business&Trousers"> 
<area id="Workwear&Safety"> 
<area id="Underwear&Baby&Towels"> 
<area id="Caps&Hats"> 
<area id="Bags&Umbrellas&Accessories"> 
</map> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#T-Shirts').attr({ 
     shape: 'rect', 
     coords: '519,134,777,212', 
     href: '#', 
     alt: 'T-Shirts' 
    }); 

    function addAtrribute(myID, param1, param2, param3, param4) { 
     var ID = '#' + myID; 
     $('ID').attr({ 
      shape: param1, 
      coords: param2, 
      href: param3, 
      alt: param4 
     }); 
    } 
    addAtrribute('Polos', 'rect', '519,212,777,290','#','Polos'); 
}) 
</script> 

什麼讓我的毛病addAtribute功能，因爲它不設置屬性的id =馬球

感謝你的幫助

Answer 1

你已將ID設置爲字符串在選擇器中，您需要將其設置爲變量如下::

$(ID).attr({ 
      shape: param1, 
      coords: param2, 
      href: param3, 
      alt: param4 
     });