JQuery onClick map 链接显示

Question

早上好

我正在尝试使用 JQuery 创建一个简单的加载效果(非常简单)，但我找不到解决方案。

我想在用户点击 map 区域时显示一个 div(带有一条消息:“正在加载”)，但它不起作用。

这是我的代码:

JQuery

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
    $('#cargando').on('click', function() {
        $('#box-info').css("display","block");
    });
});
</script>

CSS

<style>
#box-info{
    display: none;
}
</style>

HTML

<div id="box-info"><div class="box-info">Loading...<br></div></div>
<AREA id="cargando" SHAPE="rect" ALT="Melilla" COORDS="411,396,434,410" HREF="http://www.idermo.es/index.php?option=com_content&view=article&id=119&Itemid=876&provincia=Melilla"/>

我在 Fiddle 上尝试了该代码，它适用于 <a></a>但它不适用于 <map area> .我必须在我的代码中更改哪些内容才能使其正常工作？

fiddle :http://jsfiddle.net/7tbsR/12/

谢谢，

问候，

Answer 1

URL http://code.jquery.com/ui/1.10.3/jquery-ui.js 正在加载 jQuery UI 库。你需要加载 jQuery 库

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

也在你的fiddle您多次使用 id="cargando"，ID 必须是唯一的