我有一个图像,我需要在几个地方给他们几个链接。所以我决定映射图像。不幸的是我有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
谢谢你的帮助
答案 0 :(得分:3)
您已将ID
作为字符串添加到选择器中,您需要将其设置为变量,如下所示::
$(ID).attr({
shape: param1,
coords: param2,
href: param3,
alt: param4
});