如何使用区域标签指向 div

Question

我想编写一个代码，当我点击图像的一部分时，我会跳转到一些特定的部分，但以下代码不能正常工作。

<div> 
  <img id="FMC" src="img/FMC.png" alt="FMC" id="center" 
    style="position:absolute; top: 50%; left: 28%; top:15%; margin-left: -(X/2)px; margin-top: -(Y/2)px; WIDTH:857px; HEIGHT:500px" 
    usemap="#FMCmap"/>
  <map name="FMCmap" id="FMCmap" >
    <area shape="rect" coords="0,0,400,200" href="#abcd" />
    <script type="text/javascript">
      $('area').on('click',function(e) {
        e.preventDefault();
        $(this.href).show().siblings().hide();
      });
    </script>
  </map>    
</div>

Answer 1

没有看到你的完整代码，但我猜问题来自以下代码。

  $(this.href).show().siblings().hide();

将其更改为如下所示

  $(this).attr('href').show().siblings().hide();