Javascript 锚定到div don';t在区域形状中工作

Javascript 锚定到div don';t在区域形状中工作,javascript,html,anchor,shape,area,Javascript,Html,Anchor,Shape,Area,我有地图图像区域,例如: <area shape="circle" coords="60,59,20" href="#div1" item="list1"> 我使用以下函数显示/隐藏我的div: <!-- jQuery Plugin --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> <script ty

我有地图图像区域,例如:

 <area shape="circle" coords="60,59,20"  href="#div1" item="list1">

我使用以下函数显示/隐藏我的div:

<!-- jQuery Plugin -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$('[item]').click(function(){
    var item=$(this).attr('item');
    $(".display").hide();
    $("#"+item).show();
    return false;
});
</script> 

$(“[item]”)。单击(函数(){
var item=$(this.attr('item');
$(“.display”).hide();
$(“#”+项).show();
返回false;
});
在我的身体里

<div id="list1" style="display:none;">Test</div>
测试
我点击区域地图,div显示正确,但是div的锚不起作用。 为什么?
谢谢

在div之前添加一个属性为
name=“div1”
a
元素:

<a name="div1"></a>
<div id="list1" style="display:none;">Test</div>
,示例:

<a href="#anyword">Jump to any place</a>
...
<a name="anyword">Jump to this place</a>

...
跳到这个地方