如何使用自己的jquery函数

时间:2017-03-02 11:33:00

标签: jquery html

我有一个图像,我需要在几个地方给他们几个链接。所以我决定映射图像。不幸的是我有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 = Polo

谢谢你的帮助

1 个答案:

答案 0 :(得分:3)

您已将ID作为字符串添加到选择器中,您需要将其设置为变量,如下所示::

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